12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- /**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
- html, h1, h2 {
- font-family: 'Roboto', sans-serif;
- font-weight: 300;
- }
- .container {
- width: 800px;
- margin: 0 auto;
- }
- .circle {
- margin: 2px;
- width: 50px;
- height: 50px;
- position: absolute;
- display: inline-block;
- box-shadow: 0 1px 2px #999;
- text-shadow: 0 1px 2px #999;
- background-image: url(pic1.jpg);
- background-size: cover;
- line-height: 80px;
- vertical-align: bottom;
- text-align: center;
- color: white;
- font-size: 10px;
- }
- .circle:nth-child(2) {
- background-image: url(pic2.jpg);
- }
- .circle:nth-child(3) {
- background-image: url(pic3.jpg);
- }
- div.code {
- box-shadow: 0 1px 2px #999;
- width: 600px;
- padding: 5px;
- position: relative;
- margin: 0 auto;
- margin-bottom: 40px;
- }
- div.code .reset {
- float: right;
- }
- div.code pre {
- padding: 2px;
- }
- hr {
- border: none;
- border-bottom: 1px solid #D9D9D9;
- margin: 0;
- }
- button {
- vertical-align: top;
- }
- .example > span {
- color: #333;
- font-size: 13px;
- }
- .example {
- position: relative;
- height: 60px;
- }
- .code pre {
- margin: 0;
- font-size: 11px;
- line-height: 1;
- }
- .highlight {
- background: rgb(228, 254, 253);
- }
|