| * { |
| margin: 0; |
| padding: 0; |
| -webkit-text-size-adjust: none; |
| } |
| body { |
| background:url(/img/grid.png) #eeeeee 50% 0%; |
| } |
| body,a { |
| color: #3b4854; |
| } |
| |
| /* Dashboard table on homepage */ |
| table#dashboard { |
| margin:0 auto; |
| } |
| table#dashboard td { |
| padding:5px; |
| } |
| #android_icon { |
| background-position:-50px 0; |
| } |
| td.icon div { |
| width:46px; |
| height:54px; |
| background: url('/img/platforms.svg') 0 0 no-repeat; |
| } |
| td.pie_chart { |
| height:250px; |
| width:400px; |
| } |
| td.percentage img { |
| margin-top:5px; |
| } |
| /* POPUP */ |
| #popup { |
| position:fixed; |
| top:15%; |
| bottom:15%; |
| left:15%; |
| right:15%; |
| padding:5px; |
| overflow-y:scroll; |
| border-radius:5px; |
| border:1px black solid; |
| background-color: rgba(255,255,255,0.8); |
| } |
| #popup_title { |
| text-align:center; |
| padding:5px 0; |
| } |
| #popup_close { |
| position:fixed; |
| right: 17%; |
| top: 17%; |
| width:16px; |
| height:16px; |
| background:url('/img/no.png') 0 0 no-repeat; |
| cursor:pointer; |
| } |
| #popup .spec { |
| margin: 5px 10px; |
| font-weight:bold; |
| font-size:20px; |
| } |
| #popup .exception { |
| margin:0 20px; |
| font-size:15px; |
| } |
| #popup pre { |
| font-size:12px; |
| margin:0 25px; |
| } |
| #popup code { |
| } |
| |
| /*--------------------------------------------------- |
| Font |
| ---------------------------------------------------*/ |
| body, |
| h1, |
| h2, |
| h3, |
| h4, |
| input, |
| button { |
| font-size: 17px; |
| font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif; |
| font-weight: 300; |
| } |
| h1, |
| h2, |
| h3, |
| h4 { |
| letter-spacing: 0.05em; |
| margin-left:15px; |
| } |
| h1 { |
| font-size: 34px; |
| } |
| h2 { |
| font-size: 34px; |
| padding: 48px 0; |
| } |
| b, |
| strong { |
| font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif; |
| font-weight: 900; |
| } |
| label { |
| font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; |
| font-weight: 400; |
| font-size: 12px; |
| } |
| .platforms-list li, |
| .list-header.mini, |
| .quick-links-header li { |
| font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif; |
| font-weight: 500; |
| } |
| /*--------------------------------------------------- |
| Generic |
| ---------------------------------------------------*/ |
| a:hover { |
| color: #4cc2e4; |
| } |