diff --git a/css/legacy/jqplot.css b/css/jqplot.css similarity index 100% rename from css/legacy/jqplot.css rename to css/jqplot.css diff --git a/css/legacy/bootstrap-buttons.css b/css/legacy/bootstrap-buttons.css new file mode 100644 index 0000000000..0556fd4266 --- /dev/null +++ b/css/legacy/bootstrap-buttons.css @@ -0,0 +1,173 @@ +.btn.danger, +.alert-message.danger, +.btn.danger:hover, +.alert-message.danger:hover, +.btn.error, +.alert-message.error, +.btn.error:hover, +.alert-message.error:hover, +.btn.success, +.alert-message.success, +.btn.success:hover, +.alert-message.success:hover, +.btn.info, +.alert-message.info, +.btn.info:hover, +.alert-message.info:hover { + color: #ffffff; +} +.btn .close, .alert-message .close { + font-family: Arial, sans-serif; + line-height: 18px; +} +.btn.danger, +.alert-message.danger, +.btn.error, +.alert-message.error { + background-color: #c43c35; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(top, #ee5f5b, #c43c35); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #c43c35 #c43c35 #882a25; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn.success, .alert-message.success { + background-color: #57a957; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -ms-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(top, #62c462, #57a957); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #57a957 #57a957 #3d773d; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn.info, .alert-message.info { + background-color: #339bb9; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(top, #5bc0de, #339bb9); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #339bb9 #339bb9 #22697d; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn { + cursor: pointer; + display: inline-block; + background-color: #e6e6e6; + background-repeat: no-repeat; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); + background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); + padding: 5px 14px 6px; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + color: #333; + font-size: 11px; + line-height: normal; + border: 1px solid #ccc; + border-bottom-color: #bbb; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -webkit-transition: 0.1s linear all; + -moz-transition: 0.1s linear all; + -ms-transition: 0.1s linear all; + -o-transition: 0.1s linear all; + transition: 0.1s linear all; +} +.btn:hover { + background-position: 0 -15px; + color: #333; + text-decoration: none; +} +.btn:focus { + outline: 1px dotted #666; +} +.btn.primary { + color: #ffffff; + background-color: #0064cd; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); + background-image: -moz-linear-gradient(top, #049cdb, #0064cd); + background-image: -ms-linear-gradient(top, #049cdb, #0064cd); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); + background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); + background-image: -o-linear-gradient(top, #049cdb, #0064cd); + background-image: linear-gradient(top, #049cdb, #0064cd); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #0064cd #0064cd #003f81; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn.active, .btn :active { + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.btn.disabled { + cursor: default; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: alpha(opacity=65); + -khtml-opacity: 0.65; + -moz-opacity: 0.65; + opacity: 0.65; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn[disabled] { + cursor: default; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: alpha(opacity=65); + -khtml-opacity: 0.65; + -moz-opacity: 0.65; + opacity: 0.65; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn.large { + font-size: 15px; + line-height: normal; + padding: 9px 14px 9px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.btn.small { + padding: 5px 7px 5px; + font-size: 11px; +} +:root .alert-message, :root .btn { + border-radius: 0 \0; +} +button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { + padding: 0; + border: 0; +} \ No newline at end of file diff --git a/css/legacy/bootstrap-topbar.css b/css/legacy/bootstrap-topbar.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/css/legacy/build.json b/css/legacy/build.json index 54f8dde183..090a20f42d 100644 --- a/css/legacy/build.json +++ b/css/legacy/build.json @@ -12,8 +12,8 @@ "dialog.css", "wntoolbar.css", "tabs.css", - "jqplot.css", "bw-icons.css", - "sidebar.css" + "sidebar.css", + "bootstrap-buttons.css" ] } \ No newline at end of file diff --git a/css/legacy/default.css b/css/legacy/default.css index edb4a80d52..f4ccd1439c 100644 --- a/css/legacy/default.css +++ b/css/legacy/default.css @@ -1267,233 +1267,6 @@ ul.box_tabs li.box_tab_selected a { /* background:url("../images/ui/rc/tab-right-CCC.gif") no-repeat right top; */ } -/*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/ -.jqplot-target { - position: relative; - color: #666666; - font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - font-size: 1em; -/* height: 300px; - width: 400px;*/ -} - -/*rules applied to all axes*/ -.jqplot-axis { - font-size: 0.75em; -} - -.jqplot-xaxis { - margin-top: 10px; -} - -.jqplot-x2axis { - margin-bottom: 10px; -} - -.jqplot-yaxis { - margin-right: 10px; -} - -.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis { - margin-left: 10px; - margin-right: 10px; -} - -/*rules applied to all axis tick divs*/ -.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { - position: absolute; -} - - -.jqplot-xaxis-tick { - top: 0px; - /* initial position untill tick is drawn in proper place */ - left: 15px; -/* padding-top: 10px;*/ - vertical-align: top; -} - -.jqplot-x2axis-tick { - bottom: 0px; - /* initial position untill tick is drawn in proper place */ - left: 15px; -/* padding-bottom: 10px;*/ - vertical-align: bottom; -} - -.jqplot-yaxis-tick { - right: 0px; - /* initial position untill tick is drawn in proper place */ - top: 15px; -/* padding-right: 10px;*/ - text-align: right; -} - -.jqplot-yaxis-tick.jqplot-breakTick { - right: -20px; - margin-right: 0px; - padding:1px 5px 1px 5px; -/* background-color: white;*/ - z-index: 2; - font-size: 1.5em; -} - -.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { - left: 0px; - /* initial position untill tick is drawn in proper place */ - top: 15px; -/* padding-left: 10px;*/ -/* padding-right: 15px;*/ - text-align: left; -} - -.jqplot-meterGauge-tick { - font-size: 0.75em; - color: #999999; -} - -.jqplot-meterGauge-label { - font-size: 1em; - color: #999999; -} -.jqplot-xaxis-label { - margin-top: 10px; - font-size: 11pt; - position: absolute; -} - -.jqplot-x2axis-label { - margin-bottom: 10px; - font-size: 11pt; - position: absolute; -} - -.jqplot-yaxis-label { - margin-right: 10px; -/* text-align: center;*/ - font-size: 11pt; - position: absolute; -} - -.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label { -/* text-align: center;*/ - font-size: 11pt; - position: absolute; -} - -table.jqplot-table-legend { - margin-top: 12px; - margin-bottom: 12px; - margin-left: 12px; - margin-right: 12px; -} - -table.jqplot-table-legend, table.jqplot-cursor-legend { - background-color: rgba(255,255,255,0.6); - border: 1px solid #cccccc; - position: absolute; - font-size: 0.75em; -} - -td.jqplot-table-legend { - vertical-align:middle; -} - -td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active { - cursor: pointer; -} - -td.jqplot-table-legend > div { - border: 1px solid #cccccc; - padding:1px; -} - -div.jqplot-table-legend-swatch { - width:0px; - height:0px; - border-top-width: 5px; - border-bottom-width: 5px; - border-left-width: 6px; - border-right-width: 6px; - border-top-style: solid; - border-bottom-style: solid; - border-left-style: solid; - border-right-style: solid; -} - -.jqplot-title { - top: 0px; - left: 0px; - padding-bottom: 0.5em; - font-size: 1.2em; -} - -table.jqplot-cursor-tooltip { - border: 1px solid #cccccc; - font-size: 0.75em; -} - - -.jqplot-cursor-tooltip { - border: 1px solid #cccccc; - font-size: 0.75em; - white-space: nowrap; - background: rgba(208,208,208,0.5); - padding: 1px; -} - -.jqplot-highlighter-tooltip { - border: 1px solid #cccccc; - font-size: 0.75em; - white-space: nowrap; - background: rgba(208,208,208,0.5); - padding: 1px; -} - -.jqplot-point-label { - font-size: 0.75em; - z-index: 2; -} - -td.jqplot-cursor-legend-swatch { -vertical-align:middle; -text-align:center; -} - -div.jqplot-cursor-legend-swatch { -width:1.2em; -height:0.7em; -} - -.jqplot-error { -/* Styles added to the plot target container when there is an error go here.*/ - text-align: center; -} - -.jqplot-error-message { -/* Styling of the custom error message div goes here.*/ - position: relative; - top: 46%; - display: inline-block; -} - -div.jqplot-bubble-label { - font-size: 0.8em; -/* background: rgba(90%, 90%, 90%, 0.15);*/ - padding-left: 2px; - padding-right: 2px; - color: rgb(20%, 20%, 20%); -} - -div.jqplot-bubble-label.jqplot-bubble-label-highlight { - background: rgba(90%, 90%, 90%, 0.7); -} - -div.jqplot-noData-container { - text-align: center; - background-color: rgba(96%, 96%, 96%, 0.3); -} - /** general icons **/ @@ -1789,3 +1562,176 @@ div.follower-list { margin-top: 7px; font-size: 11px; } +.btn.danger, +.alert-message.danger, +.btn.danger:hover, +.alert-message.danger:hover, +.btn.error, +.alert-message.error, +.btn.error:hover, +.alert-message.error:hover, +.btn.success, +.alert-message.success, +.btn.success:hover, +.alert-message.success:hover, +.btn.info, +.alert-message.info, +.btn.info:hover, +.alert-message.info:hover { + color: #ffffff; +} +.btn .close, .alert-message .close { + font-family: Arial, sans-serif; + line-height: 18px; +} +.btn.danger, +.alert-message.danger, +.btn.error, +.alert-message.error { + background-color: #c43c35; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(top, #ee5f5b, #c43c35); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #c43c35 #c43c35 #882a25; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn.success, .alert-message.success { + background-color: #57a957; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -ms-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(top, #62c462, #57a957); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #57a957 #57a957 #3d773d; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn.info, .alert-message.info { + background-color: #339bb9; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(top, #5bc0de, #339bb9); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #339bb9 #339bb9 #22697d; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn { + cursor: pointer; + display: inline-block; + background-color: #e6e6e6; + background-repeat: no-repeat; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); + background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); + padding: 5px 14px 6px; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + color: #333; + font-size: 11px; + line-height: normal; + border: 1px solid #ccc; + border-bottom-color: #bbb; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -webkit-transition: 0.1s linear all; + -moz-transition: 0.1s linear all; + -ms-transition: 0.1s linear all; + -o-transition: 0.1s linear all; + transition: 0.1s linear all; +} +.btn:hover { + background-position: 0 -15px; + color: #333; + text-decoration: none; +} +.btn:focus { + outline: 1px dotted #666; +} +.btn.primary { + color: #ffffff; + background-color: #0064cd; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); + background-image: -moz-linear-gradient(top, #049cdb, #0064cd); + background-image: -ms-linear-gradient(top, #049cdb, #0064cd); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); + background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); + background-image: -o-linear-gradient(top, #049cdb, #0064cd); + background-image: linear-gradient(top, #049cdb, #0064cd); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + border-color: #0064cd #0064cd #003f81; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); +} +.btn.active, .btn :active { + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.btn.disabled { + cursor: default; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: alpha(opacity=65); + -khtml-opacity: 0.65; + -moz-opacity: 0.65; + opacity: 0.65; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn[disabled] { + cursor: default; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: alpha(opacity=65); + -khtml-opacity: 0.65; + -moz-opacity: 0.65; + opacity: 0.65; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn.large { + font-size: 15px; + line-height: normal; + padding: 9px 14px 9px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.btn.small { + padding: 5px 7px 5px; + font-size: 11px; +} +:root .alert-message, :root .btn { + border-radius: 0 \0; +} +button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { + padding: 0; + border: 0; +} diff --git a/css/legacy/doc_column_view.css b/css/legacy/doc_column_view.css deleted file mode 100644 index 30660dcbed..0000000000 --- a/css/legacy/doc_column_view.css +++ /dev/null @@ -1,62 +0,0 @@ -/******** Listing2 ***********/ -table.dcv-tab { - table-layout: fixed; - border-collapse: collapse; -} - -table.dcv-tab td { - border: 1px solid #DDD; -} - -table.dcv-tab td td { - border: 0px solid #BBB; -} - -div.list2-head { - padding: 3px 6px; - font-size: 14px; - color: #555; -} - -div.list2-new { - padding: 4px; -} - -div.list2-message { - padding: 8px; - color: #888; - background-color: #FFD; -} - -div.list2-search { - padding: 4px; -} - -div.list2-list-area { - padding: 4px; -} - -div.list2-item-div { - border-bottom: 1px solid #AAA; - padding: 4px; - cursor: pointer; -} - -span.list2-edit-link { - font-weight: normal; - font-size: 11px; - margin-left: 7px; -} - -div.list2-item-title { - font-weight: bold; -} - -div.list2-item-selected { - background-color: #CCF; -} - -div.list2-item-more-info { - color: #888; - margin-top: 4px; -} \ No newline at end of file diff --git a/css/ui/buttons.css b/css/ui/buttons.css deleted file mode 100644 index 13d9f2a75d..0000000000 --- a/css/ui/buttons.css +++ /dev/null @@ -1,427 +0,0 @@ -/* - -http://hellohappy.org/css3-buttons/ - -*/ - -button::-moz-focus-inner { - border: 0; } - -/* minimal -*******************************************************************************/ -button.minimal { - background: #e3e3e3; - border: 1px solid #bbb; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; - -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; - -ms-box-shadow: inset 0 0 1px 1px #f6f6f6; - -o-box-shadow: inset 0 0 1px 1px #f6f6f6; - box-shadow: inset 0 0 1px 1px #f6f6f6; - color: #333; - font: bold 12px "helvetica neue", helvetica, arial, sans-serif; - line-height: 1; - padding: 7px 21px; - text-align: center; - text-shadow: 0 1px 0 #fff; - } - button.minimal:hover { - background: #d9d9d9; - -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; - -moz-box-shadow: inset 0 0 1px 1px #eaeaea; - -ms-box-shadow: inset 0 0 1px 1px #eaeaea; - -o-box-shadow: inset 0 0 1px 1px #eaeaea; - box-shadow: inset 0 0 1px 1px #eaeaea; - color: #222; - cursor: pointer; } - button.minimal:active { - background: #d0d0d0; - -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; - -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; - -ms-box-shadow: inset 0 0 1px 1px #e3e3e3; - -o-box-shadow: inset 0 0 1px 1px #e3e3e3; - box-shadow: inset 0 0 1px 1px #e3e3e3; - color: #000; } - -/* clean gray -*******************************************************************************/ -button.clean-gray { - background-color: #eeeeee; - background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); - background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); - background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); - background-image: -o-linear-gradient(top, #eeeeee, #dddddd); - background-image: linear-gradient(top, #eeeeee, #dddddd); - border: 1px solid #ccc; - border-bottom: 1px solid #bbb; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - color: #333; - line-height: 1; - font-size: 11px; - padding: 3px 7px; - text-align: center; - text-shadow: 0 1px 0 #eee; - } - button.clean-gray:hover { - background-color: #dddddd; - background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); - background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); - background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); - background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); - background-image: linear-gradient(top, #dddddd, #bbbbbb); - border: 1px solid #bbb; - border-bottom: 1px solid #999; - cursor: pointer; - text-shadow: 0 1px 0 #ddd; } - button.clean-gray:active { - border: 1px solid #aaa; - border-bottom: 1px solid #888; - -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; - box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } - -/* cupid green (inspired by okcupid.com) -*******************************************************************************/ -button.cupid-green { - background-color: #7fbf4d; - background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f); - background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f); - background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f); - background-image: -o-linear-gradient(top, #7fbf4d, #63a62f); - background-image: linear-gradient(top, #7fbf4d, #63a62f); - border: 1px solid #63a62f; - border-bottom: 1px solid #5b992b; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - color: #fff; - line-height: 1; - font-size: 11px; - padding: 3px 7px; - text-align: center; - text-shadow: 0 -1px 0 #4c9021; - } - button.cupid-green:hover { - background-color: #76b347; - background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e); - background-image: -moz-linear-gradient(top, #76b347, #5e9e2e); - background-image: -ms-linear-gradient(top, #76b347, #5e9e2e); - background-image: -o-linear-gradient(top, #76b347, #5e9e2e); - background-image: linear-gradient(top, #76b347, #5e9e2e); - -webkit-box-shadow: inset 0 1px 0 0 #8dbf67; - -moz-box-shadow: inset 0 1px 0 0 #8dbf67; - -ms-box-shadow: inset 0 1px 0 0 #8dbf67; - -o-box-shadow: inset 0 1px 0 0 #8dbf67; - box-shadow: inset 0 1px 0 0 #8dbf67; - cursor: pointer; } - button.cupid-green:active { - border: 1px solid #5b992b; - border-bottom: 1px solid #538c27; - -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; - -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; - -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; - -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; - box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; } - -/* cupid blue (inspired by okcupid.com) -*******************************************************************************/ -button.cupid-blue { - background-color: #d7e5f5; - background-image: -webkit-gradient(linear, left top, left bottom, from(#d7e5f5), to(#cbe0f5)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5); - background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5); - background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5); - background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5); - background-image: linear-gradient(top, #d7e5f5, #cbe0f5); - border-top: 1px solid #abbbcc; - border-left: 1px solid #a7b6c7; - border-bottom: 1px solid #a1afbf; - border-right: 1px solid #a7b6c7; - -webkit-border-radius: 12px; - -moz-border-radius: 12px; - -ms-border-radius: 12px; - -o-border-radius: 12px; - border-radius: 12px; - -webkit-box-shadow: inset 0 1px 0 0 white; - -moz-box-shadow: inset 0 1px 0 0 white; - -ms-box-shadow: inset 0 1px 0 0 white; - -o-box-shadow: inset 0 1px 0 0 white; - box-shadow: inset 0 1px 0 0 white; - color: #1a3e66; - font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - line-height: 1; - padding: 3px 5px; - text-align: center; - text-shadow: 0 1px 1px #fff; - } - button.cupid-blue:hover { - background-color: #ccd9e8; - background-image: -webkit-gradient(linear, left top, left bottom, from(#ccd9e8), to(#c1d4e8)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #ccd9e8, #c1d4e8); - background-image: -moz-linear-gradient(top, #ccd9e8, #c1d4e8); - background-image: -ms-linear-gradient(top, #ccd9e8, #c1d4e8); - background-image: -o-linear-gradient(top, #ccd9e8, #c1d4e8); - background-image: linear-gradient(top, #ccd9e8, #c1d4e8); - border-top: 1px solid #a1afbf; - border-left: 1px solid #9caaba; - border-bottom: 1px solid #96a3b3; - border-right: 1px solid #9caaba; - -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2; - -moz-box-shadow: inset 0 1px 0 0 #f2f2f2; - -ms-box-shadow: inset 0 1px 0 0 #f2f2f2; - -o-box-shadow: inset 0 1px 0 0 #f2f2f2; - box-shadow: inset 0 1px 0 0 #f2f2f2; - color: #163659; - cursor: pointer; } - button.cupid-blue:active { - border: 1px solid #8c98a7; - -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; - -moz-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; - -ms-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; - -o-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; - box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; } - -/* blue pill (inspired by iTunes) -*******************************************************************************/ -button.blue-pill { - background-color: #a5b8da; - background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3); - background-image: -moz-linear-gradient(top, #a5b8da, #7089b3); - background-image: -ms-linear-gradient(top, #a5b8da, #7089b3); - background-image: -o-linear-gradient(top, #a5b8da, #7089b3); - background-image: linear-gradient(top, #a5b8da, #7089b3); - border-top: 1px solid #758fba; - border-right: 1px solid #6c84ab; - border-bottom: 1px solid #5c6f91; - border-left: 1px solid #6c84ab; - -webkit-border-radius: 18px; - -moz-border-radius: 18px; - -ms-border-radius: 18px; - -o-border-radius: 18px; - border-radius: 18px; - -webkit-box-shadow: inset 0 1px 0 0 #aec3e5; - -moz-box-shadow: inset 0 1px 0 0 #aec3e5; - -ms-box-shadow: inset 0 1px 0 0 #aec3e5; - -o-box-shadow: inset 0 1px 0 0 #aec3e5; - box-shadow: inset 0 1px 0 0 #aec3e5; - color: #fff; - font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - line-height: 1; - padding: 8px 0; - text-align: center; - text-shadow: 0 -1px 1px #64799e; - text-transform: uppercase; - } - button.blue-pill:hover { - background-color: #9badcc; - background-image: -webkit-gradient(linear, left top, left bottom, from(#9badcc), to(#687fa6)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #9badcc, #687fa6); - background-image: -moz-linear-gradient(top, #9badcc, #687fa6); - background-image: -ms-linear-gradient(top, #9badcc, #687fa6); - background-image: -o-linear-gradient(top, #9badcc, #687fa6); - background-image: linear-gradient(top, #9badcc, #687fa6); - border-top: 1px solid #6d86ad; - border-right: 1px solid #647a9e; - border-bottom: 1px solid #546685; - border-left: 1px solid #647a9e; - -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9; - -moz-box-shadow: inset 0 1px 0 0 #a5b9d9; - -ms-box-shadow: inset 0 1px 0 0 #a5b9d9; - -o-box-shadow: inset 0 1px 0 0 #a5b9d9; - box-shadow: inset 0 1px 0 0 #a5b9d9; - cursor: pointer; } - button.blue-pill:active { - border: 1px solid #546685; - -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; - -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; - -ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; - -o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; - box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; } - -/* slick black -*******************************************************************************/ -button.slick-black { - background-color: rgba(50, 50, 50, 0.9); - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.9) 0%), to(rgba(30, 30, 30, 0.9) 50%)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: -o-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - border: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1); - -moz-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1); - -ms-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1); - -o-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1); - box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1); - color: #fff; - font: lighter 22px "helvetica neue", helvetica, arial, sans-serif; - line-height: 1; - padding: 12px 0; - text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.3); - } - button.slick-black:hover { - background-color: rgba(70, 70, 70, 0.9); - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(70, 70, 70, 0.9) 0%), to(rgba(50, 50, 50, 0.9) 50%)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%); - background-image: -moz-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%); - background-image: -ms-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%); - background-image: -o-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%); - background-image: linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%); - cursor: pointer; } - button.slick-black:active { - background-color: rgba(30, 30, 30, 0.9); - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.9) 0%), to(rgba(20, 20, 20, 0.9) 50%)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: -moz-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: -ms-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: -o-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); - background-image: linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); } - - -/* download itunes - I wrote a blog post about creating this button: - http://robots.thoughtbot.com/post/2718077289/make-css3-buttons-like-a-boss -*******************************************************************************/ -button.download-itunes { - background-color: #52a8e8; - background-image: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #52a8e8, #377ad0); - background-image: -moz-linear-gradient(top, #52a8e8, #377ad0); - background-image: -ms-linear-gradient(top, #52a8e8, #377ad0); - background-image: -o-linear-gradient(top, #52a8e8, #377ad0); - background-image: linear-gradient(top, #52a8e8, #377ad0); - border-top: 1px solid #4081af; - border-right: 1px solid #2e69a3; - border-bottom: 1px solid #20559a; - border-left: 1px solid #2e69a3; - -webkit-border-radius: 16px; - -moz-border-radius: 16px; - -ms-border-radius: 16px; - -o-border-radius: 16px; - border-radius: 16px; - -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; - -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; - -ms-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; - -o-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; - box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; - color: #fff; - font: normal 11px "lucida grande", sans-serif; - line-height: 1; - padding: 3px 5px; - text-align: center; - text-shadow: 0 -1px 1px #3275bc; - width: 112px; - -webkit-background-clip: padding-box; } - button.download-itunes:hover { - background-color: #3e9ee5; - background-image: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5 0%), to(#206bcb 100%)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); - background-image: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); - background-image: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); - background-image: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); - background-image: linear-gradient(top, #3e9ee5 0%, #206bcb 100%); - border-top: 1px solid #2a73a6; - border-right: 1px solid #165899; - border-bottom: 1px solid #07428f; - border-left: 1px solid #165899; - -webkit-box-shadow: inset 0 1px 0 0 #62b1e9; - -moz-box-shadow: inset 0 1px 0 0 #62b1e9; - -ms-box-shadow: inset 0 1px 0 0 #62b1e9; - -o-box-shadow: inset 0 1px 0 0 #62b1e9; - box-shadow: inset 0 1px 0 0 #62b1e9; - cursor: pointer; - text-shadow: 0 -1px 1px #1d62ab; - -webkit-background-clip: padding-box; } - button.download-itunes:active { - background: #3282d3; - border: 1px solid #154c8c; - border-bottom: 1px solid #0e408e; - -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; - -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; - -ms-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; - -o-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; - box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white; - text-shadow: 0 -1px 1px #2361a4; - -webkit-background-clip: padding-box; } - -button[disabled].download-itunes, -button[disabled].download-itunes:hover, -button[disabled].download-itunes:active { - background-color: #dadada; - background-image: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#f3f3f3)); - /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, #dadada, #f3f3f3); - background-image: -moz-linear-gradient(top, #dadada, #f3f3f3); - background-image: -ms-linear-gradient(top, #dadada, #f3f3f3); - background-image: -o-linear-gradient(top, #dadada, #f3f3f3); - background-image: linear-gradient(top, #dadada, #f3f3f3); - border-top: 1px solid #c5c5c5; - border-right: 1px solid #cecece; - border-bottom: 1px solid #d9d9d9; - border-left: 1px solid #cecece; - -webkit-box-shadow: none; - -moz-box-shadow: none; - -ms-box-shadow: none; - -o-box-shadow: none; - box-shadow: none; - color: #8f8f8f; - cursor: not-allowed; - text-shadow: 0 -1px 1px #ebebeb; } - -button.download-itunes::-moz-focus-inner { - border: 0; - padding: 0; } - - -/* disabled button styles - works with this markup: -*******************************************************************************/ -button[disabled], -button[disabled]:hover, -button[disabled]:active { - background: #eee; - border: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - -ms-box-shadow: none; - -o-box-shadow: none; - box-shadow: none; - color: #aaa; - cursor: not-allowed; - text-shadow: none; } diff --git a/js/legacy/utils/dom.js b/js/legacy/utils/dom.js index 0d0af528d8..9e47a07018 100644 --- a/js/legacy/utils/dom.js +++ b/js/legacy/utils/dom.js @@ -73,7 +73,7 @@ function $ln(parent, label, onclick, style) { function $btn(parent, label, onclick, style, css_class, is_ajax) { wn.require('lib/js/wn/ui/button.js'); - if(css_class==='green') css_class='cupid-green'; + if(css_class==='green') css_class='success'; return new wn.ui.Button( {parent:parent, label:label, onclick:onclick, style:style, is_ajax: is_ajax, css_class: css_class} ).btn; diff --git a/js/legacy/wnf.compressed.js b/js/legacy/wnf.compressed.js index de15253dfe..e0e18cd1e8 100644 --- a/js/legacy/wnf.compressed.js +++ b/js/legacy/wnf.compressed.js @@ -109,7 +109,7 @@ span.set_working=function(){this.disabled=1;$di(this.loading_img);} span.done_working=function(){this.disabled=0;$dh(this.loading_img);} return span;}} function $ln(parent,label,onclick,style){return wn.ele.link({parent:parent,label:label,onclick:onclick,style:style})} -function $btn(parent,label,onclick,style,css_class,is_ajax){wn.require('lib/js/wn/ui/button.js');if(css_class==='green')css_class='cupid-green';return new wn.ui.Button({parent:parent,label:label,onclick:onclick,style:style,is_ajax:is_ajax,css_class:css_class}).btn;} +function $btn(parent,label,onclick,style,css_class,is_ajax){wn.require('lib/js/wn/ui/button.js');if(css_class==='green')css_class='success';return new wn.ui.Button({parent:parent,label:label,onclick:onclick,style:style,is_ajax:is_ajax,css_class:css_class}).btn;} function addEvent(ev,fn){if(isIE){document.attachEvent('on'+ev,function(){fn(window.event,window.event.srcElement);});}else{document.addEventListener(ev,function(e){fn(e,e.target);},true);}} $item_normal=function(ele){$y(ele,{padding:'6px 8px',cursor:'pointer',marginRight:'8px',whiteSpace:'nowrap',overflow:'hidden',borderBottom:'1px solid #DDD'});$bg(ele,'#FFF');$fg(ele,'#000');} $item_active=function(ele){$bg(ele,'#FE8');$fg(ele,'#000');} diff --git a/js/wn/ui/button.js b/js/wn/ui/button.js index 6af75a640d..5196fb2e53 100644 --- a/js/wn/ui/button.js +++ b/js/wn/ui/button.js @@ -1,9 +1,8 @@ wn.ui.Button = function(args) { - wn.require('lib/css/ui/buttons.css') var me = this; $.extend(this, { make: function() { - me.btn = wn.dom.add(args.parent, 'button', args.css_class || 'clean-gray'); + me.btn = wn.dom.add(args.parent, 'button', 'btn small ' + (args.css_class || '')); // ajax loading me.loading_img = wn.dom.add(args.parent,'img','',{margin:'0px 4px -2px 4px', display:'none'}); diff --git a/py/webnotes/db.py b/py/webnotes/db.py index 6d659fa1da..2197b81a1b 100644 --- a/py/webnotes/db.py +++ b/py/webnotes/db.py @@ -302,6 +302,42 @@ class Database: # ====================================================================================== + def set_default(self, key, val): + """set control panel default (tabDefaultVal)""" + + if self.sql("""select defkey from `tabDefaultValue` where + defkey=%s and parent = "Control Panel" """, key): + + # update + self.sql("""update `tabDefaultValue` set defvalue="%s" + where parent = "Control Panel" and defkey=%s""", (val, key)) + else: + from webnotes.model.doc import Document + d = Document('DefaultValue') + d.parent = 'Control Panel' + d.parenttype = 'Control Panel' + d.parentfield = 'system_defaults' + d.defkey = key + d.defvalue = val + d.save(1) + + def get_default(self, key): + """get default value""" + ret = self.sql("""select defvalue from tabDefaultValue where defkey=%s""", key) + return ret and ret[0][0] or None + + def get_defaults(self, key=None): + """get all defaults""" + if key: + return self.get_default(key) + else: + res = self.sql("""select defkey, defvalue from `tabDefaultValue` + where parent = "Control Panel" """) + d = {} + for rec in res: + d[rec[0]] = rec[1] or '' + return d + def begin(self): if not self.in_transaction: self.sql("start transaction") diff --git a/py/webnotes/utils/__init__.py b/py/webnotes/utils/__init__.py index 4671fb7cb2..ce4aa58217 100644 --- a/py/webnotes/utils/__init__.py +++ b/py/webnotes/utils/__init__.py @@ -475,32 +475,13 @@ def get_defaults(key=None): """ Get dictionary of default values from the :term:`Control Panel`, or a value if key is passed """ - if key: - res = webnotes.conn.sql('select defvalue from `tabDefaultValue` where parent = "Control Panel" and defkey=%s', key) - return res and res[0][0] or None - else: - res = webnotes.conn.sql('select defkey, defvalue from `tabDefaultValue` where parent = "Control Panel"') - d = {} - for rec in res: - d[rec[0]] = rec[1] or '' - return d + return webnotes.conn.get_defaults(key) def set_default(key, val): """ Set / add a default value to :term:`Control Panel` """ - res = webnotes.conn.sql('select defkey from `tabDefaultValue` where defkey="%s" and parent = "Control Panel"' % key) - if res: - webnotes.conn.sql('update `tabDefaultValue` set defvalue="%s" where parent = "Control Panel" and defkey="%s"' % (val, key)) - else: - from webnotes.model.doc import Document - d = Document('DefaultValue') - d.parent = 'Control Panel' - d.parenttype = 'Control Panel' - d.parentfield = 'system_defaults' - d.defkey = key - d.defvalue = val - d.save(1) + return webnotes.conn.set_default(key, val) # # Clear recycle bin