| /* Home styles */ |
| |
| #home-container { |
| min-height: 350px; |
| } |
| |
| .home-pluggy { |
| height: 260px; |
| margin: -89px auto 10px auto; |
| width: 169px; |
| } |
| |
| .discover-message-container { |
| padding-top: 120px; |
| } |
| |
| .grid-gradient { |
| .gradient(transparent, #EDEDED); |
| } |
| |
| .cordova-grid-bg { |
| background: url(../img/grid.png); |
| } |
| |
| .discover-message { |
| background-color: white; |
| font-size: 41px; |
| margin: 1px; |
| text-align: center; |
| } |
| |
| .home-plugin-listing-headers { |
| margin: 20px auto; |
| |
| h3 { |
| color: @header-bg-color; |
| font-weight: bolder; |
| font-size: 30px; |
| margin: 0; |
| } |
| |
| div { |
| font-size: 14px; |
| } |
| } |
| |
| .home-plugin-listing { |
| text-align: left; |
| margin: 20px auto; |
| } |
| |
| .call-to-action-panes { |
| text-align: center; |
| } |
| |
| .call-to-action-pane { |
| background-color: @home-mid-box-color; |
| margin: 20px auto; |
| position: relative; |
| text-align: center; |
| height: 220px; |
| padding-left:13px; |
| padding-right:13px; |
| } |
| |
| .call-to-action-mid-spacer { |
| flex-basis: 8%; |
| position: relative; |
| |
| div { |
| color: #F0F0F0; |
| font-size: 45px; |
| left: 75%; |
| position: absolute; |
| top: 40%; |
| } |
| } |
| |
| .call-to-action-pane-left-triangle, .call-to-action-pane-right-triangle { |
| position: absolute; |
| } |
| |
| .call-to-action-pane-left-triangle { |
| height: 100%; |
| overflow: hidden; |
| right: 0px; |
| |
| div { |
| width: 0px; |
| height: 0px; |
| border-style: solid; |
| border-width: 105px 18px 105px 0; |
| border-color: transparent #ffffff transparent transparent; |
| } |
| } |
| |
| .call-to-action-pane-right-triangle { |
| height: 100%; |
| overflow: hidden; |
| left: 0px; |
| |
| div { |
| width: 0px; |
| height: 0px; |
| border-style: solid; |
| border-width: 105px 0 105px 18px; |
| border-color: transparent transparent transparent #ffffff; |
| } |
| } |
| |
| .call-to-action-img { |
| border: solid 1px transparent; |
| border-radius: 30px; |
| background-color: white; |
| padding: 5px; |
| margin-top: 20px; |
| } |