root / drupal7 / sites / all / themes / simplecorp / css / shortcodes / buttons.css @ 2c8c2b87
1 | b9383c72 | Julien Enselme | |
---|---|---|---|
2 | /* ------- Default Sliding Door Buttons ------- */
|
||
3 | .button_link{
|
||
4 | border-radius: 3px; |
||
5 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
||
6 | display: inline-block; |
||
7 | font-size: 11px; |
||
8 | font-weight: bold; |
||
9 | height: 19px; |
||
10 | margin: 5px 10px 5px 0; |
||
11 | padding: 9px 13px 0; |
||
12 | text-decoration: none !important; |
||
13 | text-transform:uppercase; |
||
14 | color:#555 !important; |
||
15 | border:1px solid #000; |
||
16 | line-height:11px; |
||
17 | background-image: url(../../images/shortcodes/buttons/s5_buttons/light_grey.png); |
||
18 | border:1px solid #23282F; |
||
19 | text-shadow:none !important; |
||
20 | } |
||
21 | .button_link.large_button{ |
||
22 | font-size: 14px; |
||
23 | height: 24px; |
||
24 | line-height: 14px; |
||
25 | padding: 11px 10px 0; |
||
26 | background-position:0 -28px; |
||
27 | } |
||
28 | .button_link:hover{text-decoration:none !important;} |
||
29 | |||
30 | |||
31 | /* ------- Alternate Color Buttons & Box Headers ------- */
|
||
32 | /*
|
||
33 | .coffee_gradient, .coffee_gradient span{background-image: url(../../images/shortcodes/buttons/coffee/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #0E0C08 !important;}
|
||
34 | .teal_gradient, .teal_gradient span{background-image: url(../../images/shortcodes/buttons/teal/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #07171D !important;}
|
||
35 | .copper_gradient, .copper_gradient span{background-image: url(../../images/shortcodes/buttons/copper/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #150000 !important;}
|
||
36 | .deep_sea_green_gradient, .deep_sea_green_gradient span{background-image: url(../../images/shortcodes/buttons/deep_sea_green/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #06080A !important;}
|
||
37 | .earthy_green_gradient, .earthy_green_gradient span{background-image: url(../../images/shortcodes/buttons/earthy_green/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #474905 !important;}
|
||
38 | .hot_pink_gradient, .hot_pink_gradient span{background-image: url(../../images/shortcodes/buttons/hot_pink/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #8F0C68 !important;}
|
||
39 | .navy_gradient, .navy_gradient span{background-image: url(../../images/shortcodes/buttons/navy/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
40 | .primary_blue_gradient, .primary_blue_gradient span{background-image: url(../../images/shortcodes/buttons/primary_blue/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important; border:1px solid #004B7A !important;}
|
||
41 | .primary_green_gradient, .primary_green_gradient span{background-image: url(../../images/shortcodes/buttons/primary_green/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
42 | .primary_orange_gradient, .primary_orange_gradient span{background-image: url(../../images/shortcodes/buttons/primary_orange/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
43 | .primary_purple_gradient, .primary_purple_gradient span{background-image: url(../../images/shortcodes/buttons/primary_purple/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
44 | .primary_red_gradient, .primary_red_gradient span{background-image: url(../../images/shortcodes/buttons/primary_red/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
45 | .rich_black_gradient, .rich_black_gradient span{background-image: url(../../images/shortcodes/buttons/rich_black/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
46 | .sienna_gradient, .sienna_gradient span{background-image: url(../../images/shortcodes/buttons/sienna/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
47 | .silver_gradient, .silver_gradient span{background-image: url(../../images/shortcodes/buttons/silver/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
48 | .slate_grey_gradient, .slate_grey_gradient span{background-image: url(../../images/shortcodes/buttons/slate_grey/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
49 | .soft_purple_gradient, .soft_purple_gradient span{background-image: url(../../images/shortcodes/buttons/soft_purple/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
50 | .soft_teal_gradient, .soft_teal_gradient span{background-image: url(../../images/shortcodes/buttons/soft_teal/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
51 | .glossy_black_gradient, .glossy_black_gradient span{background-image: url(../../images/shortcodes/buttons/glossy_black/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
52 | .glossy_blue_gradient, .glossy_blue_gradient span{background-image: url(../../images/shortcodes/buttons/glossy_blue/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
53 | .glossy_green_gradient, .glossy_green_gradient span{background-image: url(../../images/shortcodes/buttons/glossy_green/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
54 | .glossy_purple_gradient, .glossy_purple_gradient span{background-image: url(../../images/shortcodes/buttons/glossy_purple/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
55 | .glossy_red_gradient, .glossy_red_gradient span{background-image: url(../../images/shortcodes/buttons/glossy_red/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
56 | .glossy_teal_gradient, .glossy_teal_gradient span{background-image: url(../../images/shortcodes/buttons/glossy_teal/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
57 | .black_glass_gradient, .black_glass_gradient span{background-image: url(../../images/shortcodes/buttons/black_glass_space/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
58 | .frosted_glass_gradient, .frosted_glass_gradient span{background-image: url(../../images/shortcodes/buttons/frosted_glass_wood/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
59 | .classic_white_lights_gradient, .classic_white_lights_gradient span{background-image: url(../../images/shortcodes/buttons/classic_white/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
60 | .classic_silver_gradient, .classic_silver_gradient span{background-image: url(../../images/shortcodes/buttons/classic_silver/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
61 | .soft_orange_gradient, .soft_orange_gradient span{background-image: url(../../images/shortcodes/buttons/soft_orange/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
62 | .olive_gradient, .olive_gradient span{background-image: url(../../images/shortcodes/buttons/olive/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
63 | .wine_gradient, .wine_gradient span{background-image: url(../../images/shortcodes/buttons/wine/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
64 | .blue_gradient, .blue_gradient span{background-image: url(../../images/shortcodes/buttons/blue/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important; border:1px solid #01426C !important;}
|
||
65 | .steel_blue_gradient, .steel_blue_gradient span{background-image: url(../../images/shortcodes/buttons/steel_blue/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;border:1px solid #4C748D !important;}
|
||
66 | .tan_gradient, .tan_gradient span{background-image: url(../../images/shortcodes/buttons/tan/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
67 | .lavender_gradient, .lavender_gradient span{background-image: url(../../images/shortcodes/buttons/lavender/button_sprite.png) !important; color:#fff !important; text-shadow:0 -1px 0 #888 !important;}
|
||
68 | .minimal_white_gradient, .minimal_white_gradient span{background-image: url(../../images/shortcodes/buttons/minimal_white/button_sprite.png) !important; color:#aaa !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
|
||
69 | .minimal_soft_yellow_gradient, .minimal_soft_yellow_gradient span{background-image: url(../../images/shortcodes/buttons/minimal_soft_yellow/button_sprite.png) !important; color:#ADA785 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
|
||
70 | .minimal_soft_green_gradient, .minimal_soft_green_gradient span{background-image: url(../../images/shortcodes/buttons/minimal_soft_green/button_sprite.png) !important; color:#A3B094 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
|
||
71 | .minimal_soft_lavender_gradient, .minimal_soft_lavender_gradient span{background-image: url(../../images/shortcodes/buttons/minimal_soft_lavender/button_sprite.png) !important; color:#9C87A6 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
|
||
72 | .minimal_soft_blue_gradient, .minimal_soft_blue_gradient span{background-image: url(../../images/shortcodes/buttons/minimal_soft_lavender/button_sprite.png) !important; color:#93AAB2 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
|
||
73 | .minimal_soft_brown_gradient, .minimal_soft_brown_gradient span{background-image: url(../../images/shortcodes/buttons/minimal_soft_brown/button_sprite.png) !important; color:#BFB2A7 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
|
||
74 | */
|
||
75 | .button_link{
|
||
76 | text-shadow:0 1px 0 rgba(0, 0, 0, 0.4) !important; |
||
77 | } |
||
78 | |||
79 | /* New S5 buttons styles */
|
||
80 | |||
81 | .blue{
|
||
82 | background-image: url(../../images/shortcodes/buttons/s5_buttons/blue.png) !important; |
||
83 | color:#fff !important; |
||
84 | text-shadow:0 -1px 0 #888 !important; |
||
85 | border:1px solid #003960 !important; |
||
86 | } |
||
87 | |||
88 | .steel_blue{
|
||
89 | background-image: url(../../images/shortcodes/buttons/s5_buttons/steel_blue.png) !important; |
||
90 | color:#fff !important; |
||
91 | text-shadow:0 -1px 0 #888 !important; |
||
92 | border:1px solid #2F709B !important; |
||
93 | } |
||
94 | |||
95 | .sea_blue{
|
||
96 | background-image: url(../../images/shortcodes/buttons/s5_buttons/sea_blue.png) !important; |
||
97 | color:#fff !important; |
||
98 | text-shadow:0 -1px 0 #888 !important; |
||
99 | border:1px solid #015994 !important; |
||
100 | } |
||
101 | |||
102 | .green{
|
||
103 | background-image: url(../../images/shortcodes/buttons/s5_buttons/green.png) !important; |
||
104 | color:#fff !important; |
||
105 | text-shadow:0 -1px 0 #888 !important; |
||
106 | border:1px solid #008800 !important; |
||
107 | } |
||
108 | |||
109 | .fresh_green{
|
||
110 | background-image: url(../../images/shortcodes/buttons/s5_buttons/fresh_green.png) !important; |
||
111 | color:#fff !important; |
||
112 | text-shadow:0 -1px 0 #888 !important; |
||
113 | border:1px solid #71711A !important; |
||
114 | } |
||
115 | |||
116 | .earth_green{
|
||
117 | background-image: url(../../images/shortcodes/buttons/s5_buttons/earth_green.png) !important; |
||
118 | color:#fff !important; |
||
119 | text-shadow:0 -1px 0 #888 !important; |
||
120 | border:1px solid #1A4A48 !important; |
||
121 | } |
||
122 | |||
123 | .red{
|
||
124 | background-image: url(../../images/shortcodes/buttons/s5_buttons/red.png) !important; |
||
125 | color:#fff !important; |
||
126 | text-shadow:0 -1px 0 #888 !important; |
||
127 | border:1px solid #930000 !important; |
||
128 | } |
||
129 | |||
130 | .light_red{
|
||
131 | background-image: url(../../images/shortcodes/buttons/s5_buttons/light_red.png) !important; |
||
132 | color:#fff !important; |
||
133 | text-shadow:0 -1px 0 #888 !important; |
||
134 | border:1px solid #B61818 !important; |
||
135 | } |
||
136 | |||
137 | .orange{
|
||
138 | background-image: url(../../images/shortcodes/buttons/s5_buttons/orange.png) !important; |
||
139 | color:#fff !important; |
||
140 | text-shadow:0 -1px 0 #888 !important; |
||
141 | border:1px solid #A32E01 !important; |
||
142 | } |
||
143 | |||
144 | .purple{
|
||
145 | background-image: url(../../images/shortcodes/buttons/s5_buttons/purple.png) !important; |
||
146 | color:#fff !important; |
||
147 | text-shadow:0 -1px 0 #888 !important; |
||
148 | border:1px solid #A20D75 !important; |
||
149 | } |
||
150 | |||
151 | .lavander{
|
||
152 | background-image: url(../../images/shortcodes/buttons/s5_buttons/lavander.png) !important; |
||
153 | color:#fff !important; |
||
154 | text-shadow:0 -1px 0 #888 !important; |
||
155 | border:1px solid #8D7799 !important; |
||
156 | } |
||
157 | |||
158 | .grey{
|
||
159 | background-image: url(../../images/shortcodes/buttons/s5_buttons/grey.png) !important; |
||
160 | color:#fff !important; |
||
161 | text-shadow:0 -1px 0 #888 !important; |
||
162 | border:1px solid #909090 !important; |
||
163 | } |
||
164 | |||
165 | .light_grey{
|
||
166 | background-image: url(../../images/shortcodes/buttons/s5_buttons/light_grey.png) !important; |
||
167 | color:#555 !important; |
||
168 | text-shadow:0 -1px 0 #888 !important; |
||
169 | border:1px solid #BBB !important; |
||
170 | text-shadow:none !important; |
||
171 | } |
||
172 | |||
173 | .dark_grey{
|
||
174 | background-image: url(../../images/shortcodes/buttons/s5_buttons/dark_grey.png) !important; |
||
175 | color:#fff !important; |
||
176 | text-shadow:0 -1px 0 #888 !important; |
||
177 | border:1px solid #2F2F2F !important; |
||
178 | } |
||
179 | |||
180 | .black{
|
||
181 | background-image: url(../../images/shortcodes/buttons/s5_buttons/black.png) !important; |
||
182 | color:#fff !important; |
||
183 | text-shadow:0 -1px 0 #888 !important; |
||
184 | border:1px solid #000000 !important; |
||
185 | } |