| Index: chrome/browser/resources/ntp/apps.css
|
| ===================================================================
|
| --- chrome/browser/resources/ntp/apps.css (revision 0)
|
| +++ chrome/browser/resources/ntp/apps.css (revision 0)
|
| @@ -0,0 +1,154 @@
|
| +/* Apps */
|
| +
|
| +#apps-section .app,
|
| +#apps-section .app[new=installed] {
|
| + -webkit-box-sizing: border-box;
|
| + -webkit-perspective: 400;
|
| + border-radius: 10px;
|
| + color: black;
|
| + display: inline-block;
|
| + margin: 5px 3px;
|
| + position: relative;
|
| + height: 136px;
|
| + width: 124px; /* 920 / 7 - margin * 2 */
|
| +}
|
| +
|
| +.app > .front,
|
| +.app > .back,
|
| +.app a {
|
| + border-radius: 10px;
|
| + bottom: 0;
|
| + left: 0;
|
| + position: absolute;
|
| + right: 0;
|
| + top: 0;
|
| +}
|
| +
|
| +.app > .front,
|
| +.app > .back {
|
| + -webkit-backface-visibility: hidden;
|
| + -webkit-transition: -webkit-transform .15s;
|
| +}
|
| +
|
| +.app a {
|
| + -webkit-transition: background-color .5s;
|
| + background: rgba(255, 255, 255, 0) /* transparent white */
|
| + no-repeat center 10px;
|
| + background-size: 96px 96px;
|
| + font-weight: bold;
|
| + overflow: hidden;
|
| + padding: 111px 10px 10px; /* 10 + 96 + 5 */
|
| + text-align: center;
|
| + text-decoration: none;
|
| + text-overflow: ellipsis;
|
| + white-space: nowrap;
|
| +}
|
| +
|
| +.app .flip {
|
| + background-color: transparent;
|
| + border: 0;
|
| + height: 14px;
|
| + padding: 0;
|
| + position: absolute;
|
| + right: 5px;
|
| + top: 5px;
|
| + width: 14px;
|
| +}
|
| +
|
| +.app > .front > .flip {
|
| + -webkit-transition: opacity .3s;
|
| + -webkit-transition-delay: 0;
|
| + background-image: url(chrome://theme/balloon_wrench);
|
| + opacity: 0;
|
| +}
|
| +
|
| +.app > .front > .flip:hover {
|
| + -webkit-transition: none;
|
| + background-image: url(chrome://theme/balloon_wrench_hover);
|
| +}
|
| +
|
| +.app:hover > .front > .flip,
|
| +.app > .front > .flip:focus {
|
| + -webkit-transition-delay: .5s;
|
| + opacity: .9;
|
| +}
|
| +
|
| +.app > .back > .flip {
|
| + background-image: url(chrome://theme/balloon_close);
|
| + opacity: .9;
|
| +}
|
| +
|
| +.app > .back > .flip:hover {
|
| + background-image: url(chrome://theme/balloon_close_hover);
|
| +}
|
| +
|
| +.app > .back {
|
| + padding: 10px;
|
| +}
|
| +
|
| +.app > .back > h2 {
|
| + font-size: 100%;
|
| + margin: 10px 0;
|
| + overflow: hidden;
|
| + text-overflow: ellipsis;
|
| + white-space: nowrap;
|
| +}
|
| +
|
| +.app > .back > button:not(.flip) {
|
| + width: 100%;
|
| +}
|
| +
|
| +@-webkit-keyframes bounce {
|
| + 0% {
|
| + -webkit-transform: scale(0, 0);
|
| + }
|
| +
|
| + 60% {
|
| + -webkit-transform: scale(1.2, 1.2);
|
| + }
|
| +
|
| + 100% {
|
| + -webkit-transform: scale(1, 1);
|
| + }
|
| +}
|
| +
|
| +#apps-section .app[new=new] {
|
| + opacity: 0;
|
| +}
|
| +
|
| +#apps-section .app[new=installed] {
|
| + -webkit-animation: bounce .5s ease-in-out;
|
| + -webkit-transition: opacity .5s;
|
| +}
|
| +
|
| +/* Make items on the wrong side non focusable by hiding them. */
|
| +.app:not(.config) > .back button,
|
| +.app.config > .front button,
|
| +.app.config > .front a {
|
| + display: none;
|
| +}
|
| +
|
| +html[has_3d=true] .app.config > .front {
|
| + -webkit-transform: rotateY(180deg);
|
| +}
|
| +
|
| +html[has_3d=true] .app > .back {
|
| + -webkit-transform: rotateY(-180deg);
|
| +}
|
| +
|
| +html[has_3d=true] .app.config > .back {
|
| + -webkit-transform: rotateY(0deg);
|
| +}
|
| +
|
| +html[has_3d=false] .app.config > .front {
|
| + display: none;
|
| +}
|
| +
|
| +html[has_3d=false] .app > .back {
|
| + display: none;
|
| +}
|
| +
|
| +html[has_3d=false] .app.config > .back {
|
| + display: block;
|
| +}
|
| +
|
|
|
| Property changes on: chrome\browser\resources\ntp\apps.css
|
| ___________________________________________________________________
|
| Added: svn:mime-type
|
| + text/css
|
|
|
|
|