diff --git a/bower.json b/bower.json index 1068c37..3dc61bd 100644 --- a/bower.json +++ b/bower.json @@ -3,17 +3,16 @@ "private": true, "dependencies": { "platform": "Polymer/platform#master", - "polymer-ui-icon-button": "Polymer/polymer-ui-icon-button#master", - "polymer-ui-menu-button": "Polymer/polymer-ui-menu-button#master", - "polymer-ui-menu-item": "Polymer/polymer-ui-menu-item#master", - "polymer-ui-scaffold": "Polymer/polymer-ui-scaffold#master", - "polymer-ui-pages": "Polymer/polymer-ui-pages#master", - "polymer-ui-sidebar-menu": "Polymer/polymer-ui-sidebar-menu#master", - "polymer-ui-toolbar": "Polymer/polymer-ui-toolbar#master", - "polymer-ui-icon": "Polymer/polymer-ui-icon#master", + "core-icon-button": "Polymer/core-icon-button#master", + "core-menu-button": "Polymer/core-menu-button#master", + "core-item": "Polymer/core-item#master", + "core-scaffold": "Polymer/core-scaffold#master", + "core-animated-pages": "Polymer/core-animated-pages#master", + "core-drawer-panel": "Polymer/core-drawer-panel#master", + "core-header-panel": "Polymer/core-header-panel#master", + "core-toolbar": "Polymer/core-toolbar#master", + "paper-button": "Polymer/paper-button#master", "speech-mic": "Polymer/speech-mic#master", - "polymer-ui-animated-pages": "Polymer/polymer-ui-animated-pages#master", - "polymer-animation": "Polymer/polymer-animation#master", "google-apis": "Polymer/google-apis/#master", "cool-clock": "Polymer/cool-clock#master", "polymer-stock": "Polymer/polymer-stock#master", diff --git a/elements/css/pi-accounts.css b/elements/css/pi-accounts.css index 16ed1d6..cdc2cd2 100644 --- a/elements/css/pi-accounts.css +++ b/elements/css/pi-accounts.css @@ -4,11 +4,6 @@ * license that can be found in the LICENSE file. */ :host { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; background: white; overflow: auto; -webkit-overflow-scrolling: touch; @@ -61,24 +56,6 @@ } .button { - -webkit-appearance: none; - padding: 8px 14px 8px; - background-color: #e6e6e6; - background-repeat: no-repeat; - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - border: 1px solid #ccc; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - border-radius: 3px; - font-size: 14px; - color: #333; -} - -.button:hover { - background-position: 0 -15px; -} - -.button:active { - box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - color: #555; -} + background-color: #02a8f3; + color: white; +} \ No newline at end of file diff --git a/elements/css/pi-app.css b/elements/css/pi-app.css index 288a360..1398b0f 100644 --- a/elements/css/pi-app.css +++ b/elements/css/pi-app.css @@ -3,21 +3,6 @@ * Use of this source code is governed by a BSD-style * license that can be found in the LICENSE file. */ -:host { - font-family: 'Helvetica Neue', Helvetica, Arial, 'open sans', sans-serif; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/* TODO(sorvell): move someplace better */ -* /deep/ core-menu-button { - font-size: 0.9rem; - color: black; -} - -* /deep/ core-icon { - opacity: 0.6; - -} core-pages > * { background-color: #fafafa; @@ -48,7 +33,7 @@ core-pages > * { } -#appToolbar /deep/ core-menu-button core-icon { +#appToolbar /deep/ #overlay core-icon { opacity: 0.6; fill: black; } diff --git a/elements/css/pi-explore.css b/elements/css/pi-explore.css index 94ef92c..116a4e1 100644 --- a/elements/css/pi-explore.css +++ b/elements/css/pi-explore.css @@ -1,21 +1,9 @@ -:host { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-flex-flow: column; - flex-direction: column; - height: 100%; -} - -pi-feed-viewer#viewer { - -webkit-box-flex: 1; - -webkit-flex: 1; - flex: 1; +#viewer { + position: relative; } #searchBox { - background: white; + background-color: white; position: relative; width: 100%; height: 50px; diff --git a/elements/css/pi-home.css b/elements/css/pi-home.css index 2777ceb..7b16139 100644 --- a/elements/css/pi-home.css +++ b/elements/css/pi-home.css @@ -1,7 +1,5 @@ :host { display: block; - width: 100%; - height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } diff --git a/elements/css/pi-items-view.css b/elements/css/pi-items-view.css index 172a01d..864ac2b 100644 --- a/elements/css/pi-items-view.css +++ b/elements/css/pi-items-view.css @@ -96,7 +96,7 @@ font-size: 18px; } -.topics .source.core-h { +.topics .source { display: none !important; } diff --git a/elements/css/pi-story.css b/elements/css/pi-story.css index 0b5bfcb..7dfab93 100644 --- a/elements/css/pi-story.css +++ b/elements/css/pi-story.css @@ -28,6 +28,7 @@ img:first-of-type { margin: 0 auto; padding: 40px; font-size: 16px; + overflow: hidden; will-change: transform; transform: translateZ(0); -webkit-transform: translateZ(0); diff --git a/elements/css/theme.css b/elements/css/theme.css new file mode 100644 index 0000000..59db0e8 --- /dev/null +++ b/elements/css/theme.css @@ -0,0 +1,24 @@ +/* + * Copyright 2013 The Polymer Authors. All rights reserved. + * Use of this source code is governed by a BSD-style + * license that can be found in the LICENSE file. + */ + +body { + font-family: "RobotoDraft", sans-serif; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +body /deep/ core-menu-button { + font-size: 0.9rem; + color: black; +} + +body /deep/ core-icon { + opacity: 0.6; +} + +/* TODO(sorvell): temp workaround for overlay layer styling issue under SD polyfill */ +core-overlay-layer #overlay { + background-color: white; +} \ No newline at end of file diff --git a/elements/pi-accounts.html b/elements/pi-accounts.html index 978c5d3..32bfb8e 100644 --- a/elements/pi-accounts.html +++ b/elements/pi-accounts.html @@ -5,16 +5,17 @@ * license that can be found in the LICENSE file. */ --> - - - - + + + + +