pebble/docs/template/pebble-developer.css

/**
 * Copyright 2024 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@font-face{font-family:'ProximaNovaThExtrabold';src:url("/assets/pebble/proximanova-xbold-webfont.eot");src:url("/assets/pebble/proximanova-xbold-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/pebble/proximanova-xbold-webfont.woff") format("woff"),url("/assets/pebble/proximanova-xbold-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'ProximaNovaRgRegular';src:url("/assets/pebble/proximanova-reg-webfont.eot");src:url("/assets/pebble/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"),url("/assets/pebble/proximanova-reg-webfont.woff") format("woff"),url("/assets/pebble/proximanova-reg-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:'ProximaNovaThExtrabold', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-weight:normal}blockquote{color:#888}blockquote p{font-size:1em}code{background:#f0f6fc;border:1px solid #d2dce6;color:#444;font-family:Monaco, monospace;font-size:11px;padding:0;white-space:nowrap}pre{background:#434e56;border:1px solid #3f464c;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;line-height:18px;margin:0 0 22px 0;overflow-y:auto;padding:12px}pre::-webkit-scrollbar{height:7px;width:7px}pre::-webkit-scrollbar-button:start:decrement,pre::-webkit-scrollbar-button:end:increment{display:none}pre::-webkit-scrollbar-track-piece{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.1)))}pre::-webkit-scrollbar-thumb:horizontal{background:-webkit-gradient(linear, left top, left bottom, from(#99a2ab), to(#6a747c));-webkit-border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.66) inset;box-shadow:0 1px 0 rgba(0,0,0,0.66) inset;width:25px}pre code{background:transparent;border:none;color:#f8f8f8;white-space:pre}.navbar{padding-bottom:0;padding-top:0}.navbar-inverse .navbar-inner{background:url("/assets/pebble/bg-navbar.png") repeat-x #b23202;border:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4)}.navbar-inverse .navbar-inner ul li a{color:#fff !important;margin-top:6px;text-decoration:none;display:block;padding:5px 12px 10px;background:url("/assets/pebble/navbar-brdr.png") repeat-y right;text-shadow:0 -1px 1px rgba(0,0,0,0.5);font-family:'ProximaNovaThExtrabold', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-weight:normal;text-transform:uppercase;font-size:12px}.navbar-inverse .navbar-inner ul li a:hover{text-decoration:none;color:#8a2702;text-shadow:none}.navbar-inverse .navbar-inner ul li a.active,nav ul li a.active:hover{text-decoration:none}.navbar-inverse .navbar-inner ul li a.first{padding:0}.navbar-inverse .navbar-inner ul li a.first span{display:block;width:56px;height:25px;background:url("/assets/pebble/navbar-icon.png") no-repeat center center;padding:5px 0}@media (min-width: 980px){.navbar-inverse .navbar-inner ul li.right a{background:url("/assets/pebble/navbar-brdr.png") repeat-y left}.navbar-inverse .navbar-inner a.pointer span{background:url("/assets/pebble/navbar-pointer.png") no-repeat right;padding-right:15px}}@media (max-width: 979px){.navbar-inverse .navbar-inner ul li a.first{display:none}}.border-icon-apps{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 0 !important}@media (min-width: 1200px){.border-icon-apps{right:-31px}}@media (max-width: 979px){.border-icon-apps{display:none}}.border-icon-coding{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -110px !important}@media (min-width: 1200px){.border-icon-coding{right:-31px}}@media (max-width: 979px){.border-icon-coding{display:none}}.border-icon-notifications{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -220px !important}@media (min-width: 1200px){.border-icon-notifications{right:-31px}}@media (max-width: 979px){.border-icon-notifications{display:none}}.border-icon-question{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -330px !important}@media (min-width: 1200px){.border-icon-question{right:-31px}}@media (max-width: 979px){.border-icon-question{display:none}}.border-icon-video{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -440px !important}@media (min-width: 1200px){.border-icon-video{right:-31px}}@media (max-width: 979px){.border-icon-video{display:none}}.border-icon-watch{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -550px !important}@media (min-width: 1200px){.border-icon-watch{right:-31px}}@media (max-width: 979px){.border-icon-watch{display:none}}.border-icon-watchface{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -660px !important}@media (min-width: 1200px){.border-icon-watchface{right:-31px}}@media (max-width: 979px){.border-icon-watchface{display:none}}.border-icon-works{background:url(/assets/pebble/icon.png) no-repeat;width:56px;height:60px;position:relative;z-index:1;right:-22px;background-position:0 -770px !important}@media (min-width: 1200px){.border-icon-works{right:-31px}}@media (max-width: 979px){.border-icon-works{display:none}}.pb-grey-bg{background:url(/assets/pebble/bg-page.png) repeat #fff}.pb-white-row{margin-top:20px}.pb-white-block{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #e8e8e8;background:#fff;padding:10px 40px}.main-container{padding-top:60px}@media (max-width: 979px){.first-container{padding-top:0px}}.footer p{padding:10px;color:#555;font-size:12px}.pb-404{margin-top:100px}.pb-404 h1{color:#ca3800;font-size:100px;margin-bottom:0px;line-height:100%}.pb-404 h2{font-size:40px}.home-section h1 a,.home-section h2 a,.home-section h3 a,.home-section h4 a,.home-section h5 a,.home-section h6 a{color:#333;text-decoration:none}.blog-home{margin-bottom:20px}.dev-love{margin-bottom:50px}.twitter-follow-button{margin-top:15px}.blog-header h1{font-size:54px}.blog-header h1 a{color:#333;text-decoration:none}.blog-header h2{font-size:25px;font-family:'ProximaNovaRgRegular', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif}.blog-header .subscribe{padding-top:20px;text-align:right}.blog-header .subscribe p{font-size:18px}.article{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #e8e8e8;background:#fff;padding:10px 40px;font-size:20px;font-weight:200;line-height:27px;padding:10px 40px 20px 40px}.article li{line-height:27px}.article .meta{font-size:14px;margin-bottom:20px}.article-icon{margin-top:12px}.article-comments{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #e8e8e8;background:#fff;padding:10px 40px;padding:20px 40px 10px 40px}#menu{list-style:none}#menu .category-group .tags{list-style:none}#menu .category-group{line-height:18px;margin:0 0 6px 0}#menu .category-group .category,#menu .category-group .fake-category{background:-moz-linear-gradient(top, #f7f7f7, #ededed);background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ededed));background:linear-gradient(top, #f7f7f7,#ededed);border:1px solid #acb3b7;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px #fff inset;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px #fff inset;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 1px #fff inset;color:#464951;display:block;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:bold;padding:6px 8px;position:relative;text-shadow:0 1px 1px #fff;z-index:2}#menu .category-group .category.ui-state-active{background:url("/images/aside_accordion_indicator_open.png") right center no-repeat,-moz-linear-gradient(top, #f7f7f7, #ededed);background:url("/images/aside_accordion_indicator_open.png") right center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ededed));background:url("/images/aside_accordion_indicator_open.png") right center no-repeat,linear-gradient(top, #f7f7f7,#ededed)}#menu .category-group .tags{background:rgba(59,68,88,0.1);border:1px solid #cacaca;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-moz-box-shadow:0 1px 2px rgba(255,255,255,0.1);-webkit-box-shadow:0 1px 2px #fff;box-shadow:0 1px 1px #fff;list-style:none;margin:-3px 0 0 0;padding:2px 0}#menu .category-group .tags li{font-size:13px;line-height:1;margin:0;padding:6px 8px}#menu .category-group .tags li a:link,#menu .category-group .tags li a:visited{color:#5a5e67;-webkit-font-smoothing:antialiased;font-weight:bold}#menu .category-group .tags li.active a:link,#menu .category-group .tags li.active a:visited{color:#3772ac}