updated buttons to bootstrap buttons
This commit is contained in:
Rushabh Mehta
parent
068ae98b13
commit
b2e53eb793
12 changed files with 389 additions and 743 deletions
173
css/legacy/bootstrap-buttons.css
vendored
Normal file
173
css/legacy/bootstrap-buttons.css
vendored
Normal file
|
|
@ -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;
|
||||
}
|
||||
0
css/legacy/bootstrap-topbar.css
vendored
Normal file
0
css/legacy/bootstrap-topbar.css
vendored
Normal file
|
|
@ -12,8 +12,8 @@
|
|||
"dialog.css",
|
||||
"wntoolbar.css",
|
||||
"tabs.css",
|
||||
"jqplot.css",
|
||||
"bw-icons.css",
|
||||
"sidebar.css"
|
||||
"sidebar.css",
|
||||
"bootstrap-buttons.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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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="disabled">Submit</button>
|
||||
*******************************************************************************/
|
||||
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; }
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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');}
|
||||
|
|
|
|||
|
|
@ -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'});
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue