@import url("http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css"); @import url("http://fonts.googleapis.com/css?family=Roboto:400,300,700italic,700,500&subset=latin,latin-ext"); body { padding-top: 40px; padding-bottom: 40px; } /* COMMON PRICING STYLES */ .panel.price, .panel.price>.panel-heading{ border-radius:0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; } .panel.price:hover{ box-shadow: 0px 0px 30px rgba(0,0,0, .2); } .panel.price:hover>.panel-heading{ box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset; } .panel.price>.panel-heading{ box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset; text-shadow:0px 3px 0px rgba(50,50,50, .6); } .price .list-group-item{ border-bottom-:1px solid rgba(250,250,250, .5); } .panel.price .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .panel.price .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .price .panel-footer { color: #fff; border-bottom:0px; background-color: rgba(0,0,0, .1); box-shadow: 0px 3px 0px rgba(0,0,0, .3); } .panel.price .btn{ box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset; border:0px; } /* green panel */ .price.panel-green>.panel-heading { color: #fff; background-color: #57AC57; border-color: #71DF71; border-bottom: 1px solid #71DF71; } .price.panel-green>.panel-body { color: #fff; background-color: #65C965; } .price.panel-green>.panel-body .lead{ text-shadow: 0px 3px 0px rgba(50,50,50, .3); } .price.panel-green .list-group-item { color: #333; background-color: rgba(50,50,50, .01); font-weight:600; text-shadow: 0px 1px 0px rgba(250,250,250, .75); } /* blue panel */ .price.panel-blue>.panel-heading { color: #fff; background-color: #608BB4; border-color: #78AEE1; border-bottom: 1px solid #78AEE1; } .price.panel-blue>.panel-body { color: #fff; background-color: #73A3D4; } .price.panel-blue>.panel-body .lead{ text-shadow: 0px 3px 0px rgba(50,50,50, .3); } .price.panel-blue .list-group-item { color: #333; background-color: rgba(50,50,50, .01); font-weight:600; text-shadow: 0px 1px 0px rgba(250,250,250, .75); } /* red price */ .price.panel-red>.panel-heading { color: #fff; background-color: #D04E50; border-color: #FF6062; border-bottom: 1px solid #FF6062; } .price.panel-red>.panel-body { color: #fff; background-color: #EF5A5C; } .price.panel-red>.panel-body .lead{ text-shadow: 0px 3px 0px rgba(50,50,50, .3); } .price.panel-red .list-group-item { color: #333; background-color: rgba(50,50,50, .01); font-weight:600; text-shadow: 0px 1px 0px rgba(250,250,250, .75); } /* grey price */ .price.panel-grey>.panel-heading { color: #fff; background-color: #6D6D6D; border-color: #B7B7B7; border-bottom: 1px solid #B7B7B7; } .price.panel-grey>.panel-body { color: #fff; background-color: #808080; } .price.panel-grey>.panel-body .lead{ text-shadow: 0px 3px 0px rgba(50,50,50, .3); } .price.panel-grey .list-group-item { color: #333; background-color: rgba(50,50,50, .01); font-weight:600; text-shadow: 0px 1px 0px rgba(250,250,250, .75); } /* white price */ .price.panel-white>.panel-heading { color: #333; background-color: #f9f9f9; border-color: #ccc; border-bottom: 1px solid #ccc; text-shadow: 0px 2px 0px rgba(250,250,250, .7); } .panel.panel-white.price:hover>.panel-heading{ box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset; } .price.panel-white>.panel-body { color: #fff; background-color: #dfdfdf; } .price.panel-white>.panel-body .lead{ text-shadow: 0px 2px 0px rgba(250,250,250, .8); color:#666; } .price:hover.panel-white>.panel-body .lead{ text-shadow: 0px 2px 0px rgba(250,250,250, .9); color:#333; } .price.panel-white .list-group-item { color: #333; background-color: rgba(50,50,50, .01); font-weight:600; text-shadow: 0px 1px 0px rgba(250,250,250, .75); }