| 8
| <![CDATA[<style>
html,body{font-family:Helvetica, 'Helvetica Neue', Sans-serif;line-height:1.5em;display:flex;
align-items:center;justify-content: center;height:95%;color:#333;}
.panel {margin:12px auto;max-width:600px;border:solid 1px #002299;padding:12px;border-radius:3px;
background-color: #fff;border: 1px solid #ddd;border-radius: 4px;color:#333;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel h1 {text-align:center;font-size:30px;margin:0px;line-height:1.3em;}
hr{border: 0;border-top: 1px solid #eee;}
.pills {list-style:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;
justify-content:center;align-items:flex-start;align-content:space-between;}
.pills li {display:block;flex:1;padding:8px;min-width:220px;max-width:800px;}
.pills li a {width:100%;display:block;text-align:center;min-height:80px;
transition: 0.3s all ease;border-radius:2px;position:relative;flex-wrap:wrap;
font-size: 16px;line-height:1.3em;background-color:#0D47A1;color:white;text-decoration:none;
display:flex;flex-direction:column;justify-content:center;flex-break:break;}
.pills li a:hover, .pills li a:focus {-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);}
.pills li small {color:yellow;}
<!--[if !IE]><!-->
.pills li a {min-height:auto;}
<!--<![endif]-->
</style>]]>
|
