Styleguide and theme code de-duplication (#1651)
[openemr.git] / interface / themes / buttons / _manilla.scss
blobf97b6669cca0c8ab1b0bc551d84d672738303204
1 /*
2  * CSS BUTTONS
3 */
4 /* add ons testing */
5 .css_button_small {
6         background: #063f80;
7         color: #ffffff !important;
8         display: inline-block;
9         font-weight: 600;
10         margin-right: 3px;
11         /* sliding doors padding */
12         text-decoration: none;
13         padding: 2px 7px 2px;
14         border: none;
15         font-size: 0.7em;
16         box-shadow: 2px 1px 4px #88888B;
17         border-radius: 5px;
19 .css_button_small span {
20         display: inline-block;
22 .css_button_small:hover {
23         background: #1050b6;
24         box-shadow: 0px 1px 3px #DDD;
25         text-decoration: none;
27 #dateNAV {
28         font-size:1.1em !important;
30 .css_button, input[type="button"],input[type="submit"], button {
31         background: #063f80;
32         color: #ffffff !important;
33         display: inline-block;
34         font-weight: 600;
35         margin: 4px;
36         vertical-align: middle;
37         /* sliding doors padding */
38         text-decoration: none;
39         padding: 4px 6px 4px;
40         border: none;
41         border-radius: 5px;
42         font-size:0.8em;
43         box-shadow: 2px 1px 2px #88888B !important;
45 .css_button span, input[type="button"] span, button span {
46         display: inline-block;
48 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
49         background: red !important;
51 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
52         background: #1050b6;
53         box-shadow: 3px 4px 6px #DDD ;
54         text-decoration: none;
57 input[type="button"][style="background-color:#ffff55"] {
58         background: #2672ec !important;
61 input[type="text"] {
62         background: #fff;
63         border: 1px solid #444;
64         padding: 3px;
65         margin: 3px;
66         text-align: left;
67         display: inline-block;
68         border: 1px solid #CCC !important;
69         box-shadow: 0px 1px 3px #DDD inset;
70         border-radius: 4px;
71         box-sizing: border-box;
72         max-width: 90%;
75 .btn-default {
76         color: #444444 !important;
79 .btn-link {
80         color: #444444 !important;