1 2/*********************************************************************** 3 Containter for button-plugin 4************************************************************************/ 5 6.plugin_button { 7 width:10em; 8 border-radius:0px; 9 10 margin-left:0px; 11 padding:20px; 12 background-color:#f6f6f6; 13 14 border:none;/*1px solid LightSteelBlue;*/ 15 16 17 box-shadow: 0 1px 1px rgba(0,0,0,0.11), 18 0 2px 2px rgba(0,0,0,0.11), 19 0 4px 4px rgba(0,0,0,0.11), 20 0 6px 8px rgba(0,0,0,0.11), 21 0 8px 16px rgba(0,0,0,0.11); 22 23 transition:100ms; 24 display:inline-block; 25 26} 27 28.plugin_button:hover { 29 30 transform: rotate(2deg) !important; 31 background:#F6F6F6; 32 color:inherit; 33 34 box-shadow: 0 2px 2px rgba(0,0,0,0.11), 35 0 4px 4px rgba(0,0,0,0.11), 36 0 8px 8px rgba(0,0,0,0.11), 37 0 12px 16px rgba(0,0,0,0.11), 38 0 16px 32px rgba(0,0,0,0.11); 39} 40 41.plugin_button .plugin_button_image { 42 display:block; 43 margin:0 auto; 44 45} 46 47.plugin_button .plugin_button_image img{ 48 max-width:100px; 49 min-width:50px; 50} 51 52.plugin_button .plugin_button_text { 53 display:block; 54 margin-top:20px; 55 padding-top:15px; 56 57 58 border-top:1px solid LightSteelBlue; 59 color: SteelBlue; 60} 61 62.plugin_button .plugin_button_text strong { 63 font-weight:normal; 64 color: black; 65} 66 67.home .plugin_button{ 68 transform: none; 69 margin-right:20px; 70 margin-top:30px; 71 width:9em; 72}