| .plugins_search_container { |
| max-width:405px; |
| margin:auto; |
| .input-group { |
| width:100%; |
| } |
| } |
| |
| .whatisplugin_box { |
| margin-top:20px; |
| img { |
| float:left; |
| padding-right: 20px; |
| padding-bottom: 20px; |
| width: 84px; |
| } |
| } |
| .plugins_links { |
| max-width: 405px; |
| margin:auto; |
| } |
| .progress { |
| width:12%; |
| margin:0; |
| } |
| .featured-list-header{ |
| margin-top:0; |
| } |
| .well.featured-list { |
| padding:0; |
| h2 { text-align: center; } |
| ul { |
| list-style: none; |
| padding-left:0; |
| div { display:inline-block; } |
| li { |
| padding-left:19px; |
| padding-right:19px; |
| padding-top:5px; |
| height:33px; |
| } |
| li:nth-child(odd) { |
| background-color:$gray-20; |
| } |
| } |
| } |
| .plugin { |
| position:absolute; |
| left:126px; |
| } |
| .plugin-stats { |
| position: absolute; |
| right:0; |
| width:100px; |
| } |
| .filter-by-platforms { |
| margin-top:40px; |
| margin-bottom:10px; |
| } |
| |
| .filter-by-platform-label { |
| line-height:40px; |
| vertical-align: top; |
| } |
| |
| .filter-by-platform-filters { |
| display: inline-block; |
| button.btn { |
| margin-bottom: 2px; |
| margin-right: 2px; |
| width: 120px; |
| |
| &.btn-primary { |
| background-color: $brand-primary; |
| } |
| &.btn-default { |
| background-color: $gray-10; |
| &:hover { |
| background-color: $brand-primary; |
| } |
| } |
| } |
| } |
| |
| .nav-pills > li > a { |
| background-color:$gray-5; |
| } |
| |
| .nav > li > a:hover { |
| background-color:$gray-10; |
| } |
| |
| .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { |
| background-color:$brand-primary; |
| color:black; |
| } |
| |
| .plugins-sort-dropdown { |
| height:40px; |
| } |
| |
| /*** |
| **** Plugins Results |
| **** |
| */ |
| |
| .plugins-results-container { |
| margin-bottom:20px; |
| padding:0; |
| } |
| |
| .plugin-results-number { |
| line-height:40px; |
| vertical-align: top; |
| text-align: center; |
| } |
| |
| .plugin-results-result { |
| margin-bottom:20px; |
| background-color:$gray-5; |
| position: relative; |
| } |
| |
| .plugin-results-show-more { |
| text-align: center; |
| cursor:pointer; |
| padding: 10px; |
| background-color: $brand-primary; |
| color: #000; |
| } |
| |
| .plugin-results-show-more:hover { |
| color: #000; |
| } |
| |
| .version_and_author { |
| display: inline-block; |
| } |
| |
| .plugins-copy-to-clipboard { |
| width:15px; |
| position:absolute; |
| right:0; |
| top:20px; |
| margin-right:10px; |
| cursor:pointer; |
| } |
| |
| .plugins-featured { |
| -webkit-box-shadow: inset 3px 0 0 0 $brand-primary; |
| -moz-box-shadow: inset 3px 0 0 0 $brand-primary; |
| box-shadow: inset 3px 0 0 0 $brand-primary; |
| border-left-width: 0px; |
| } |
| |
| .plugin-search-credit { |
| margin-left: 0px; |
| margin-bottom: 5px; |
| } |
| |
| @media (min-width: 767px) { |
| .version_and_author { |
| float:right; |
| margin-top:20px; |
| } |
| h2 { display: inline-block } |
| } |
| .license { font-weight: bold } |
| hr.results-divider-line { |
| border-color:$gray-20; |
| } |
| |
| .cordova-add-command { |
| width: 1px; |
| height: 1px; |
| overflow: hidden; |
| } |
| |
| .results-supported-platforms { |
| list-style: none; |
| padding:0; |
| margin-bottom:0; |
| } |
| .results-supported-platforms li { |
| display: inline-block; |
| } |
| .results-supported-platforms > li > div { |
| background-image:url('{{ site.baseurl }}/static/img/platform-logos-all-sprite.svg'); |
| width:50px; |
| height:50px; |
| display:inline-block; |
| background-size: 550px 50px; |
| } |
| .android { background-position: 0 } |
| .ios { background-position: 10%; } |
| .windows { background-position: 20%; } |
| .blackberry { background-position: 30%; } |
| .ubuntu { background-position: 40%; } |
| .firefox { background-position: 50%; } |
| .webos { background-position: 60%; } |
| .fireos { background-position: 70%; } |
| .osx { background-position: 80.8%; } |
| .browser { background-position: 92.2%; } |