Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 2f27910

Browse files
committed
Add superhero booswatch theme
1 parent 97acfb1 commit 2f27910

File tree

4 files changed

+1241
-5
lines changed

4 files changed

+1241
-5
lines changed

‎src/app/app.component.html

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
1-
<h1>
2-
{{title}}
3-
</h1>
1+
<div class="container" >
2+
<h1>
3+
{{title}}
4+
</h1>
45

5-
<alert type="success">hello</alert>
6+
<alert type="success">hello</alert>
67

7-
<i class="fa fa-american-sign-language-interpreting fa-5x" aria-hidden="true"> </i>
8+
<i class="fa fa-american-sign-language-interpreting fa-5x" aria-hidden="true"> </i>
9+
</div>
Lines changed: 360 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,360 @@
1+
// Superhero 3.3.7
2+
// Bootswatch
3+
// -----------------------------------------------------
4+
5+
$web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !default;
6+
@import url($web-font-path);
7+
8+
// Navbar =====================================================================
9+
10+
.navbar {
11+
@include box-shadow(none);
12+
border: none;
13+
font-size: $font-size-small;
14+
15+
&-default {
16+
17+
.badge {
18+
background-color: #fff;
19+
color: $navbar-default-bg;
20+
}
21+
}
22+
23+
&-inverse {
24+
25+
.badge {
26+
background-color: #fff;
27+
color: $navbar-inverse-bg;
28+
}
29+
}
30+
}
31+
32+
// Buttons ====================================================================
33+
34+
.btn {
35+
36+
&-default {
37+
&:hover {
38+
background-color: darken($btn-default-bg, 3%);
39+
}
40+
}
41+
42+
&-sm,
43+
&-xs {
44+
font-size: $font-size-small;
45+
}
46+
}
47+
48+
// Typography =================================================================
49+
50+
.text-primary,
51+
.text-primary:hover {
52+
color: $brand-primary;
53+
}
54+
55+
.text-success,
56+
.text-success:hover {
57+
color: $brand-success;
58+
}
59+
60+
.text-danger,
61+
.text-danger:hover {
62+
color: $brand-danger;
63+
}
64+
65+
.text-warning,
66+
.text-warning:hover {
67+
color: $brand-warning;
68+
}
69+
70+
.text-info,
71+
.text-info:hover {
72+
color: $brand-info;
73+
}
74+
75+
.page-header {
76+
border-bottom-color: $table-border-color;
77+
}
78+
79+
.dropdown-menu {
80+
81+
border: none;
82+
margin: 0;
83+
@include box-shadow(none);
84+
85+
> li > a {
86+
font-size: $font-size-small;
87+
}
88+
}
89+
90+
.btn-group.open .dropdown-toggle {
91+
@include box-shadow(none);
92+
}
93+
94+
.dropdown-header {
95+
font-size: $font-size-small;
96+
}
97+
98+
// Tables =====================================================================
99+
100+
table,
101+
.table {
102+
font-size: $font-size-small;
103+
104+
a:not(.btn) {
105+
color: #fff;
106+
text-decoration: underline;
107+
}
108+
109+
.dropdown-menu a {
110+
text-decoration: none;
111+
}
112+
113+
.text-muted {
114+
color: $text-muted;
115+
}
116+
117+
> thead > tr > th,
118+
> tbody > tr > th,
119+
> tfoot > tr > th,
120+
> thead > tr > td,
121+
> tbody > tr > td,
122+
> tfoot > tr > td {
123+
border-color: transparent;
124+
}
125+
}
126+
127+
// Forms ======================================================================
128+
129+
input,
130+
textarea {
131+
color: $input-color;
132+
}
133+
134+
label,
135+
.radio label,
136+
.checkbox label,
137+
.help-block {
138+
font-size: $font-size-small;
139+
}
140+
141+
.input-addon,
142+
.input-group-addon {
143+
color: $text-color;
144+
}
145+
146+
.has-warning {
147+
.help-block,
148+
.control-label,
149+
.radio,
150+
.checkbox,
151+
.radio-inline,
152+
.checkbox-inline,
153+
&.radio label,
154+
&.checkbox label,
155+
&.radio-inline label,
156+
&.checkbox-inline label,
157+
.form-control-feedback {
158+
color: $brand-warning;
159+
}
160+
161+
.form-control,
162+
.form-control:focus {
163+
border: 4px solid $brand-warning;
164+
}
165+
166+
.input-group-addon {
167+
border: none;
168+
}
169+
}
170+
171+
.has-error {
172+
.help-block,
173+
.control-label,
174+
.radio,
175+
.checkbox,
176+
.radio-inline,
177+
.checkbox-inline,
178+
&.radio label,
179+
&.checkbox label,
180+
&.radio-inline label,
181+
&.checkbox-inline label,
182+
.form-control-feedback {
183+
color: $brand-danger;
184+
}
185+
186+
.form-control,
187+
.form-control:focus {
188+
border: 4px solid $brand-danger;
189+
}
190+
191+
.input-group-addon {
192+
border: none;
193+
}
194+
}
195+
196+
.has-success {
197+
.help-block,
198+
.control-label,
199+
.radio,
200+
.checkbox,
201+
.radio-inline,
202+
.checkbox-inline,
203+
&.radio label,
204+
&.checkbox label,
205+
&.radio-inline label,
206+
&.checkbox-inline label,
207+
.form-control-feedback {
208+
color: $brand-success;
209+
}
210+
211+
.form-control,
212+
.form-control:focus {
213+
border: 4px solid $brand-success;
214+
}
215+
216+
.input-group-addon {
217+
border: none;
218+
}
219+
}
220+
221+
.form-control:focus {
222+
@include box-shadow(none);
223+
}
224+
225+
.has-warning,
226+
.has-error,
227+
.has-success {
228+
.form-control:focus {
229+
@include box-shadow(none);
230+
}
231+
}
232+
233+
// Navs =======================================================================
234+
235+
.nav {
236+
.open > a,
237+
.open > a:hover,
238+
.open > a:focus {
239+
border-color: transparent;
240+
}
241+
}
242+
243+
.nav-tabs {
244+
> li > a {
245+
color: $text-color;
246+
}
247+
}
248+
249+
.nav-pills {
250+
> li > a {
251+
color: $text-color;
252+
}
253+
}
254+
255+
.pager {
256+
a {
257+
color: $text-color;
258+
}
259+
}
260+
261+
// Indicators =================================================================
262+
263+
.alert {
264+
color: #fff;
265+
266+
a,
267+
.alert-link {
268+
color: #fff;
269+
}
270+
}
271+
272+
.close {
273+
opacity: 0.4;
274+
275+
&:hover,
276+
&:focus {
277+
opacity: 1;
278+
}
279+
}
280+
281+
// Progress bars ==============================================================
282+
283+
// Containers =================================================================
284+
285+
.well {
286+
@include box-shadow(none);
287+
}
288+
289+
a.list-group-item {
290+
291+
&.active,
292+
&.active:hover,
293+
&.active:focus {
294+
border: none;
295+
}
296+
297+
&-success {
298+
&.active {
299+
background-color: $state-success-bg;
300+
}
301+
302+
&.active:hover,
303+
&.active:focus {
304+
background-color: darken($state-success-bg, 5%);
305+
}
306+
}
307+
308+
&-warning {
309+
&.active {
310+
background-color: $state-warning-bg;
311+
}
312+
313+
&.active:hover,
314+
&.active:focus {
315+
background-color: darken($state-warning-bg, 5%);
316+
}
317+
}
318+
319+
&-danger {
320+
&.active {
321+
background-color: $state-danger-bg;
322+
}
323+
324+
&.active:hover,
325+
&.active:focus {
326+
background-color: darken($state-danger-bg, 5%);
327+
}
328+
}
329+
}
330+
331+
.panel {
332+
border: none;
333+
334+
&-default > .panel-heading {
335+
background-color: $table-bg-hover;
336+
color: $text-color;
337+
}
338+
}
339+
340+
.thumbnail {
341+
background-color: $well-bg;
342+
border: none;
343+
}
344+
345+
.modal {
346+
padding: 0;
347+
348+
&-header,
349+
&-footer {
350+
background-color: $table-bg-hover;
351+
border: none;
352+
border-radius: 0;
353+
}
354+
}
355+
356+
.popover {
357+
&-title {
358+
border: none;
359+
}
360+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /