root / drupal7 / sites / all / themes / simplecorp / css / shortcodes / buttons.css @ ebcc4118
1 |
|
---|---|
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 |
} |