Chromium Code Reviews| Index: runtime/bin/vmservice/client/lib/src/elements/css/shared.css |
| diff --git a/runtime/bin/vmservice/client/lib/src/elements/css/shared.css b/runtime/bin/vmservice/client/lib/src/elements/css/shared.css |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f1e02ea22eaf17c709f0307ae6ef0852ee58aa87 |
| --- /dev/null |
| +++ b/runtime/bin/vmservice/client/lib/src/elements/css/shared.css |
| @@ -0,0 +1,136 @@ |
| +/* Global styles */ |
| +* { |
| + margin: 0; |
| + padding: 0; |
| + font: 400 14px 'Montserrat', sans-serif; |
| + color: #333; |
| + box-sizing: border-box; |
| +} |
| + |
| +a { |
| + color: #0489c3; |
| + text-decoration: none; |
| +} |
| + |
| +a:hover { |
| + text-decoration: underline; |
| +} |
| + |
| +hr { |
| + margin-top: 20px; |
| + margin-bottom: 20px; |
| + border: 0; |
| + border-top: 1px solid #eee; |
| + height: 0; |
| + box-sizing: content-box; |
| +} |
| + |
| +.list-group { |
| + padding-left: 0; |
| + margin-bottom: 20px; |
| +} |
| + |
| +.list-group-item { |
| + position: relative; |
| + display: block; |
| + padding: 10px 15px; |
| + margin-bottom: -1px; |
| + background-color: #fff; |
| + border:1px solid #ddd; |
| +} |
| + |
| +.list-group-item:first-child { |
| + /* rounded top corners */ |
| + border-top-right-radius:4px; |
| + border-top-left-radius:4px; |
| +} |
| + |
| +.list-group-item:last-child { |
| + margin-bottom: 0; |
| + /* rounded bottom corners */ |
| + border-bottom-right-radius: 4px; |
| + border-bottom-left-radius:4px; |
| +} |
| + |
| +/* Flex row container */ |
| +.flex-row { |
| + display: flex; |
| + flex-direction: row; |
| +} |
| + |
| +/* Flex column container */ |
| +.flex-column { |
| + display: flex; |
| + flex-direction: column; |
| +} |
| + |
| +.flex-item-fit { |
| + flex-grow: 1; |
| + flex-shrink: 1; |
| + flex-basis: auto; |
| +} |
| + |
| +.flex-item-no-shrink { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: auto; |
| +} |
| + |
| +.flex-item-fill { |
| + flex-grow: 0; |
| + flex-shrink: 1; /* shrink when pressured */ |
| + flex-basis: 100%; /* try and take 100% */ |
| +} |
| + |
| +.flex-item-fixed-1-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 8.3%; |
| +} |
| + |
| +.flex-item-fixed-2-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 16.6%; |
| +} |
| + |
| +.flex-item-fixed-4-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 33.3333%; |
| +} |
| + |
| +.flex-item-fixed-6-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 50%; |
| +} |
| + |
| +.flex-item-fixed-8-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 66.6666%; |
| +} |
| + |
| +.flex-item-fixed-9-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 75%; |
| +} |
| + |
| + |
| +.flex-item-fixed-12-12 { |
| + flex-grow: 0; |
| + flex-shrink: 0; |
| + flex-basis: 100%; |
| +} |
| + |
| +.well { |
|
turnidge
2014/04/17 20:18:54
Is this "falling down a well" or "thank you, I fee
Cutch
2014/04/17 22:12:39
http://getbootstrap.com/components/#wells
|
| + min-height: 20px; |
| + padding: 19px; |
| + margin-bottom: 20px; |
| + background-color: #f5f5f5; |
| + border: 1px solid #e3e3e3; |
| + border-radius: 4px; |
| + box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| +} |