Speedometer: Update the Flight.js implementation to a more recent library version
[WebKit-https.git] / PerformanceTests / Speedometer / resources / todomvc / dependency-examples / flight / flight / node_modules / todomvc-common / base.css
1 hr {
2     margin: 20px 0;
3     border: 0;
4     border-top: 1px dashed #c5c5c5;
5     border-bottom: 1px dashed #f7f7f7;
6 }
7
8 .learn a {
9     font-weight: normal;
10     text-decoration: none;
11     color: #b83f45;
12 }
13
14 .learn a:hover {
15     text-decoration: underline;
16     color: #787e7e;
17 }
18
19 .learn h3,
20 .learn h4,
21 .learn h5 {
22     margin: 10px 0;
23     font-weight: 500;
24     line-height: 1.2;
25     color: #000;
26 }
27
28 .learn h3 {
29     font-size: 24px;
30 }
31
32 .learn h4 {
33     font-size: 18px;
34 }
35
36 .learn h5 {
37     margin-bottom: 0;
38     font-size: 14px;
39 }
40
41 .learn ul {
42     padding: 0;
43     margin: 0 0 30px 25px;
44 }
45
46 .learn li {
47     line-height: 20px;
48 }
49
50 .learn p {
51     font-size: 15px;
52     font-weight: 300;
53     line-height: 1.3;
54     margin-top: 0;
55     margin-bottom: 0;
56 }
57
58 #issue-count {
59     display: none;
60 }
61
62 .quote {
63     border: none;
64     margin: 20px 0 60px 0;
65 }
66
67 .quote p {
68     font-style: italic;
69 }
70
71 .quote p:before {
72     content: '“';
73     font-size: 50px;
74     opacity: .15;
75     position: absolute;
76     top: -20px;
77     left: 3px;
78 }
79
80 .quote p:after {
81     content: '”';
82     font-size: 50px;
83     opacity: .15;
84     position: absolute;
85     bottom: -42px;
86     right: 3px;
87 }
88
89 .quote footer {
90     position: absolute;
91     bottom: -40px;
92     right: 0;
93 }
94
95 .quote footer img {
96     border-radius: 3px;
97 }
98
99 .quote footer a {
100     margin-left: 5px;
101     vertical-align: middle;
102 }
103
104 .speech-bubble {
105     position: relative;
106     padding: 10px;
107     background: rgba(0, 0, 0, .04);
108     border-radius: 5px;
109 }
110
111 .speech-bubble:after {
112     content: '';
113     position: absolute;
114     top: 100%;
115     right: 30px;
116     border: 13px solid transparent;
117     border-top-color: rgba(0, 0, 0, .04);
118 }
119
120 .learn-bar > .learn {
121     position: absolute;
122     width: 272px;
123     top: 8px;
124     left: -300px;
125     padding: 10px;
126     border-radius: 5px;
127     background-color: rgba(255, 255, 255, .6);
128     transition-property: left;
129     transition-duration: 500ms;
130 }
131
132 @media (min-width: 899px) {
133     .learn-bar {
134         width: auto;
135         padding-left: 300px;
136     }
137
138     .learn-bar > .learn {
139         left: 8px;
140     }
141 }