| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | |
| 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | |
| 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | |
| 6 Code distributed by Google as part of the polymer project is also | |
| 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | |
| 8 */ | |
| 9 | |
| 10 #drawerPanel, [drawer] { | |
| 11 background-color: #eee; | |
| 12 } | |
| 13 | |
| 14 [drawer] { | |
| 15 -webkit-transform: translateZ(0); | |
| 16 transform: translateZ(0); | |
| 17 } | |
| 18 | |
| 19 [main] { | |
| 20 height: 100%; | |
| 21 } | |
| 22 | |
| 23 core-toolbar { | |
| 24 background-color: #5264ae; | |
| 25 color: #fff; | |
| 26 font-size: 20px; | |
| 27 font-weight: 400; | |
| 28 } | |
| 29 | |
| 30 core-toolbar.medium-tall { | |
| 31 height: 144px; | |
| 32 } | |
| 33 | |
| 34 core-toolbar::shadow #bottomBar { | |
| 35 height: 80px; | |
| 36 } | |
| 37 | |
| 38 .main-label { | |
| 39 padding: 0 0 20px 60px; | |
| 40 } | |
| 41 | |
| 42 /* menu */ | |
| 43 core-menu#menu { | |
| 44 padding: 8px 0; | |
| 45 margin: 0; | |
| 46 } | |
| 47 | |
| 48 /* menu item */ | |
| 49 polyfill-next-selector { content: 'core-menu#menu core-item'; } | |
| 50 ::content core-item, ::content core-submenu::shadow core-item { | |
| 51 height: 56px; | |
| 52 padding-left: 60px; | |
| 53 font-size: 15px; | |
| 54 color: #444; | |
| 55 font-weight: normal !important; | |
| 56 } | |
| 57 | |
| 58 polyfill-next-selector { content: 'core-menu#menu core-item.core-selected'; } | |
| 59 ::content core-item.core-selected { | |
| 60 background-color: #dedede; | |
| 61 } | |
| 62 | |
| 63 /* card */ | |
| 64 #card { | |
| 65 display: block; | |
| 66 margin: 64px 120px 60px 5px; | |
| 67 background-color: #fff; | |
| 68 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); | |
| 69 border-radius: 2px; | |
| 70 overflow: hidden; | |
| 71 } | |
| 72 | |
| 73 #card[hidden] { | |
| 74 display: none; | |
| 75 } | |
| 76 | |
| 77 #card.move-up { | |
| 78 transition: -webkit-transform 0.38s cubic-bezier(0.4, 0.0, 0.2, 1); | |
| 79 transition: transform 0.38s cubic-bezier(0.4, 0.0, 0.2, 1); | |
| 80 } | |
| 81 | |
| 82 polyfill-next-selector { content: '.sourceButton';} | |
| 83 ::content .sourceButton { | |
| 84 position: absolute; | |
| 85 z-index: 1; | |
| 86 } | |
| 87 | |
| 88 polyfill-next-selector { content: '.sourceButton:not(.fallback)';} | |
| 89 ::content .sourceButton:not(.fallback) { | |
| 90 background-color: #fcfcfc; | |
| 91 color: #666464; | |
| 92 bottom: -28px; | |
| 93 right: 24px; | |
| 94 } | |
| 95 | |
| 96 polyfill-next-selector { content: '.sourceButton.fallback';} | |
| 97 ::content .sourceButton.fallback { | |
| 98 right: 24px; | |
| 99 top: 13px; | |
| 100 } | |
| 101 | |
| 102 | |
| 103 polyfill-next-selector { content: '#drawerPanel[narrow] .sourceButton:not(.fallb
ack)';} | |
| 104 #drawerPanel[narrow] ::content .sourceButton:not(.fallback) { | |
| 105 right: 8px; | |
| 106 } | |
| 107 | |
| 108 polyfill-next-selector { content: '#drawerPanel:not([narrow]) .menuButton';} | |
| 109 #drawerPanel:not([narrow]) ::content .menuButton { | |
| 110 display: none; | |
| 111 } | |
| 112 | |
| 113 .element-label { | |
| 114 height: 80px; | |
| 115 line-height: 80px; | |
| 116 padding-left: 24px; | |
| 117 background-color: #fff; | |
| 118 letter-spacing: 0.05em; | |
| 119 font-size: 24px; | |
| 120 font-weight: 400; | |
| 121 color: #5265a2; | |
| 122 } | |
| 123 | |
| 124 #frame { | |
| 125 display: block; | |
| 126 width: 100%; | |
| 127 min-height: 500px; | |
| 128 border: none; | |
| 129 } | |
| 130 | |
| 131 /* narrow layout */ | |
| 132 #drawerPanel[narrow] [main] { | |
| 133 background-color: #fff; | |
| 134 } | |
| 135 | |
| 136 #drawerPanel[narrow] #card { | |
| 137 margin: 0; | |
| 138 box-shadow: none; | |
| 139 position: absolute; | |
| 140 top: 0px; | |
| 141 right: 0; | |
| 142 bottom: 0; | |
| 143 left: 0; | |
| 144 } | |
| 145 | |
| 146 #drawerPanel[narrow] #frame { | |
| 147 min-height: 100%; | |
| 148 } | |
| 149 | |
| 150 #drawerPanel[narrow] #frameContainer { | |
| 151 position: absolute; | |
| 152 top: 0; | |
| 153 right: 0; | |
| 154 bottom: 0; | |
| 155 left: 0; | |
| 156 overflow: auto; | |
| 157 } | |
| OLD | NEW |