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