Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
693 steven 1 
i, b {
2 
  font-style: normal;
3 
  font-weight: 400;
4 
}
5 
 
6 
body, html {
7 
  padding: 0;
8 
  margin: 0;
9 
}
10 
 
11 
body {
12 
  background: white;
13 
}
14 
 
15 
body, td, input, textarea {
16 
  font-family: source sans pro, sans-serif;
17 
  font-size: 14px;
18 
  line-height: 1.5;
19 
  color: #222;
20 
}
21 
 
22 
button {
23 
  cursor: pointer;
24 
}
25 
 
26 
* {
27 
  text-rendering: optimizeLegibility;
28 
  -webkit-font-smoothing: antialiased;
29 
}
30 
 
31 
.nprogress-logo {
32 
  display: inline-block;
33 
 
34 
  width: 100px;
35 
  height: 20px;
36 
  border: solid 4px #2d9;
37 
  border-radius: 10px;
38 
 
39 
  position: relative;
40 
}
41 
.nprogress-logo:after {
42 
  content: '';
43 
  display: block;
44 
 
45 
  position: absolute;
46 
  top: 4px;
47 
  left: 4px;
48 
  bottom: 4px;
49 
  width: 40%;
50 
 
51 
  background: #2d9;
52 
  border-radius: 3px;
53 
}
54 
 
55 
.fade {
56 
  transition: all 300ms linear 700ms;
57 
  -webkit-transform: translate3d(0,0,0);
58 
  -moz-transform: translate3d(0,0,0);
59 
  -ms-transform: translate3d(0,0,0);
60 
  -o-transform: translate3d(0,0,0);
61 
  transform: translate3d(0,0,0);
62 
  opacity: 1;
63 
}
64 
 
65 
.fade.out {
66 
  opacity: 0;
67 
}
68 
 
69 
button {
70 
  margin: 0;
71 
  padding: 0;
72 
  border: 0;
73 
  outline: 0;
74 
}
75 
 
76 
.button {
77 
  display: inline-block;
78 
  text-decoration: none;
79 
 
80 
  background: #eee;
81 
  color: #777;
82 
  border-radius: 2px;
83 
 
84 
  padding: 8px 10px;
85 
  font-weight: 700;
86 
  text-align: left;
87 
}
88 
 
89 
.button.play:before {
90 
  content: '\25b6';
91 
}
92 
 
93 
.button:hover {
94 
  background: #2d9;
95 
  color: #fff;
96 
}
97 
 
98 
.button.primary {
99 
  background: #2d9;
100 
  color: #fff;
101 
}
102 
.button.primary:hover {
103 
  background: #1c8;
104 
}
105 
 
106 
.button:active {
107 
  background: #2d9;
108 
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
109 
}
110 
 
111 
.controls {
112 
  text-align: left;
113 
  margin: 0 auto;
114 
  max-width: 300px;
115 
  color: #666;
116 
}
117 
 
118 
.controls .button {
119 
  width: 40px;
120 
  margin-right: 10px;
121 
  text-align: center;
122 
}
123 
 
124 
.controls i {
125 
  color: #999;
126 
}
127 
 
128 
.controls b {
129 
  color: #29d;
130 
  font-weight: 700;
131 
}
132 
 
133 
.controls {
134 
  font-size: 0.9em;
135 
}
136 
 
137 
.page-header {
138 
  text-align: center;
139 
  max-width: 400px;
140 
  padding: 3em 20px;
141 
  margin: 0 auto;
142 
}
143 
 
144 
.page-header h1 {
145 
  font-size: 2.0em;
146 
  text-align: center;
147 
  font-weight: 200;
148 
  line-height: 1.3;
149 
  color: #333;
150 
  margin: 0;
151 
}
152 
 
153 
p.brief {
154 
  line-height: 1.4;
155 
  font-style: italic;
156 
  color: #888;
157 
}
158 
 
159 
p.brief.big {
160 
  font-size: 1.1em;
161 
}
162 
 
163 
@media (min-width: 480px) {
164 
  .page-header h1 {
165 
    margin-top: 1em;
166 
    margin-bottom: 0.4em;
167 
  }
168 
}
169 
 
170 
.page-header h1 i {
171 
  color: #aaa;
172 
  font-style: normal;
173 
  font-weight: 200;
174 
}
175 
 
176 
@media (min-width: 480px) {
177 
  .page-header h1 {
178 
    font-size: 3em; }
179 
  .page-header {
180 
    padding: 4.5em 20px 3.5em 20px;
181 
  }
182 
}
183 
 
184 
/* --- */
185 
 
186 
.actions {
187 
  text-align: center;
188 
  margin: 2em 0;
189 
}
190 
 
191 
@media (min-width: 480px) {
192 
  .actions {
193 
    margin: 4.5em 0 3.5em 0;
194 
  }
195 
}
196 
 
197 
.big.button {
198 
  padding-left: 30px;
199 
  padding-right: 30px;
200 
  font-size: 1.1em;
201 
}
202 
 
203 
 
204 
/* ---- */
205 
 
206 
div.hr-rule {
207 
  height: 1px;
208 
  width: 100px;
209 
  margin: 40px auto;
210 
  background: #ddd;
211 
}
212 
.share-buttons {
213 
  margin: 0 auto;
214 
  text-align: center;
215 
}