diff options
Diffstat (limited to 'plugins/Dashboard/templates/dashboard.css')
-rw-r--r-- | plugins/Dashboard/templates/dashboard.css | 266 |
1 files changed, 141 insertions, 125 deletions
diff --git a/plugins/Dashboard/templates/dashboard.css b/plugins/Dashboard/templates/dashboard.css index 0fd262308d..80b2c4e23a 100644 --- a/plugins/Dashboard/templates/dashboard.css +++ b/plugins/Dashboard/templates/dashboard.css @@ -1,67 +1,73 @@ - -#dashboard{ - padding:0 0 0 7px; - margin:-4px -14px 0 -14px; +#dashboard { + padding: 0 0 0 7px; + margin: -4px -14px 0 -14px; } -#dashboardWidgetsArea{ - padding:2px 0 0 0; +#dashboardWidgetsArea { + padding: 2px 0 0 0; } .col { - float: left; - padding-bottom: 100px; - min-height: 100px; - -height: 100px; + float: left; + padding-bottom: 100px; + min-height: 100px; + -height: 100px; } .col.width-100 { width: 100%; } + .col.width-75 { width: 75%; } + .col.width-67 { width: 67%; } + .col.width-50 { width: 50%; } + .col.width-40 { width: 40%; } + .col.width-33 { width: 33%; } + .col.width-30 { width: 30%; } + .col.width-25 { width: 25%; } .sortable { - background: white; + background: white; } .hover { - border: 2px dashed #E3E3E3; + border: 2px dashed #E3E3E3; } .widget { - background:#fff; - border: 1px solid #bbb6ad; - margin:10px 7px; - overflow: hidden; - border-radius:4px; - font-size:14px; - border-radius:4px; - -moz-border-radius:4px; - -webkit-border-radius:4px; + background: #fff; + border: 1px solid #bbb6ad; + margin: 10px 7px; + overflow: hidden; + border-radius: 4px; + font-size: 14px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; } .widgetHover { - border: 1px solid #aba494; + border: 1px solid #aba494; } .widgetContent.hidden { @@ -71,95 +77,97 @@ .widgetContent.loading { opacity: 0.5; - filter:Alpha(opacity:50); + filter: Alpha(opacity:50); background: url(../../../themes/default/images/loading-blue.gif) no-repeat top right; } .widget h2 { - font-size:1.2em; - margin-left:10px; - font-weight:bold; + font-size: 1.2em; + margin-left: 10px; + font-weight: bold; } + .widgetTop { - background:#b5b0a7 url(../../../themes/default/images/dashboard_h_bg.png) repeat-x 0 0; - border-radius:4px 4px 0 0; - -moz-border-radius:4px 4px 0 0; - -webkit-border-radius:4px 4px 0 0; - width: 100%; - cursor: move; - font-size: 10pt; - font-weight: bold; - padding-bottom: 4px; + background: #b5b0a7 url(../../../themes/default/images/dashboard_h_bg.png) repeat-x 0 0; + border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -webkit-border-radius: 4px 4px 0 0; + width: 100%; + cursor: move; + font-size: 10pt; + font-weight: bold; + padding-bottom: 4px; } .widgetTopHover { - background:#B0A798 url(../../../themes/default/images/dashboard_h_bg_hover.png) repeat-x 0 0; + background: #B0A798 url(../../../themes/default/images/dashboard_h_bg_hover.png) repeat-x 0 0; } .widgetName { - font-size: 18px; - padding:2px 0 0 10px; - font-weight:normal; - color:#fff; - text-shadow:1px 1px 2px #7e7363; + font-size: 18px; + padding: 2px 0 0 10px; + font-weight: normal; + color: #fff; + text-shadow: 1px 1px 2px #7e7363; } .button { - cursor: pointer; + cursor: pointer; } #close.button, #maximise.button, #minimise.button, #refresh.button { - float: right; - display: none; - margin: 6px 6px 0 0; + float: right; + display: none; + margin: 6px 6px 0 0; } .ui-confirm { - display: none; - width:630px; - background:#fff; - color: #444; - cursor: default; - font-size: 12px!important; - font-family:Arial,Verdana,Arial,Helvetica,sans-serif; - border-radius:4px; - padding:20px 10px; - border-radius:4px; - -moz-border-radius:4px; - -webkit-border-radius:4px; - min-height:0!important; -} -.ui-confirm h2{ + display: none; + width: 630px; + background: #fff; + color: #444; + cursor: default; + font-size: 12px !important; + font-family: Arial, Verdana, Arial, Helvetica, sans-serif; + border-radius: 4px; + padding: 20px 10px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + min-height: 0 !important; +} + +.ui-confirm h2 { text-align: center; - font-weight:bold; - padding:0; + font-weight: bold; + padding: 0; } -.ui-dialog .ui-dialog-buttonpane{ +.ui-dialog .ui-dialog-buttonpane { text-align: center; border: none; } -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } -.ui-dialog input[type=button], .ui-dialog button{ - background: #B5B0A7 url(../../../themes/default/images/dashboard_h_bg_hover.png) repeat-x 0 0!important; - color:#fff!important; - border:0!important; - font-size: 12px!important; - padding:5px 20px!important; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; - cursor:pointer; - display:inline-block; - margin:0 8px 3px 8px!important; +.ui-dialog input[type=button], .ui-dialog button { + background: #B5B0A7 url(../../../themes/default/images/dashboard_h_bg_hover.png) repeat-x 0 0 !important; + color: #fff !important; + border: 0 !important; + font-size: 12px !important; + padding: 5px 20px !important; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + cursor: pointer; + display: inline-block; + margin: 0 8px 3px 8px !important; } -.ui-dialog .ui-button-text{ - padding: 0!important; +.ui-dialog .ui-button-text { + padding: 0 !important; } .ui-widget-overlay { @@ -169,43 +177,44 @@ } .menu { - display: none; + display: none; } .widgetLoading { - cursor: wait; - padding: 10px; - text-align: center; - font-size: 10pt; + cursor: wait; + padding: 10px; + text-align: center; + font-size: 10pt; } #closeMenuIcon { - float: right; - margin: 3px; - cursor: pointer; + float: right; + margin: 3px; + cursor: pointer; } .menuClear { - clear: both; - height: 30px; + clear: both; + height: 30px; } #dashboardSettings { - position:absolute; - z-index: 998; - background: #f7f7f7; - border: 1px solid #e4e5e4; - padding:5px 10px 6px 10px; - border-radius:4px; - -moz-border-radius:4px; - -webkit-border-radius:4px; - color:#444; - font-size:14px; + position: absolute; + z-index: 998; + background: #f7f7f7; + border: 1px solid #e4e5e4; + padding: 5px 10px 6px 10px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + color: #444; + font-size: 14px; cursor: pointer; } + #dashboardSettings:hover { - background:#f1f0eb; - border-color:#a9a399; + background: #f1f0eb; + border-color: #a9a399; } #dashboardSettings > span { @@ -250,20 +259,20 @@ float: left; opacity: 0.4; cursor: pointer; - filter:Alpha(opacity:40); + filter: Alpha(opacity:40); } #columnPreview>div:hover, #columnPreview>div.choosen { opacity: 1; - filter:Alpha(opacity:100); + filter: Alpha(opacity:100); } -#columnPreview div div{ +#columnPreview div div { height: 120px; float: left; } -#columnPreview div div span{ +#columnPreview div div span { background-color: #ddd; width: 100%; height: 100%; @@ -272,31 +281,38 @@ margin: 0 1px; } -#columnPreview div.choosen div span, #columnPreview div:hover div span{ +#columnPreview div.choosen div span, #columnPreview div:hover div span { border-style: solid; } #columnPreview .width-100 { width: 120px; } + #columnPreview .width-75 { width: 90px; } + #columnPreview .width-67 { width: 80.4px; } + #columnPreview .width-50 { width: 60px; } + #columnPreview .width-40 { width: 48px; } + #columnPreview .width-33 { width: 40px; } + #columnPreview .width-30 { width: 36px; } + #columnPreview .width-25 { width: 30px; } @@ -312,17 +328,17 @@ } #addWidget, #manageDashboard { - cursor:default; + cursor: default; } ul.widgetpreview-widgetlist, ul.widgetpreview-categorylist { color: #5d5342; - list-style:none; - font-size:11px; - line-height:20px; + list-style: none; + font-size: 11px; + line-height: 20px; float: left; - margin-right:20px; + margin-right: 20px; } ul.widgetpreview-categorylist { @@ -331,16 +347,16 @@ ul.widgetpreview-categorylist { ul.widgetpreview-categorylist li, ul.widgetpreview-widgetlist li { - line-height:20px; - padding:0 25px 0 5px; - border-radius:2px; - -moz-border-radius:2px; - -webkit-border-radius:2px; + line-height: 20px; + padding: 0 25px 0 5px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; } .widgetpreview-base li.widgetpreview-choosen { - background:#e4e2d7 url(../../../themes/default/images/arr_r.png) no-repeat right 6px; - color:#255792; + background: #e4e2d7 url(../../../themes/default/images/arr_r.png) no-repeat right 6px; + color: #255792; font-weight: bold; } @@ -372,15 +388,15 @@ div.widgetpreview-preview { } #dashboardSettings .submenu { - font-weight:bold; - color:#255792; + font-weight: bold; + color: #255792; } #dashboardSettings .submenu ul { float: none; - font-weight:normal; - padding-top:10px; - margin-left: 10px; + font-weight: normal; + padding-top: 10px; + margin-left: 10px; color: #5D5342; list-style: none; font-size: 11px; @@ -399,12 +415,12 @@ div.widgetpreview-preview { } #dashboardSettings .widgetpreview-widgetlist { - width: 228px; - font-weight:normal; + width: 228px; + font-weight: normal; } #dashboardSettings .widgetTop { - cursor:pointer; + cursor: pointer; } #dashboardSettings .widgetpreview-widgetlist, |