diff options
Diffstat (limited to 'index_files/bootswatch.css')
-rw-r--r-- | index_files/bootswatch.css | 189 |
1 files changed, 189 insertions, 0 deletions
diff --git a/index_files/bootswatch.css b/index_files/bootswatch.css new file mode 100644 index 0000000..42ba643 --- /dev/null +++ b/index_files/bootswatch.css | |||
@@ -0,0 +1,189 @@ | |||
1 | section { | ||
2 | margin-top: 60px; | ||
3 | padding-top: 100px; | ||
4 | } | ||
5 | |||
6 | /* index */ | ||
7 | |||
8 | .tooltip-inner { | ||
9 | max-width: 500px; | ||
10 | } | ||
11 | |||
12 | .hero-unit h1, | ||
13 | .hero-unit p { | ||
14 | margin-bottom: 15px; | ||
15 | } | ||
16 | |||
17 | #footer { | ||
18 | margin-bottom: 20px; | ||
19 | } | ||
20 | |||
21 | #footer .links a { | ||
22 | margin-right: 10px; | ||
23 | } | ||
24 | |||
25 | @media (max-width: 767px) { | ||
26 | |||
27 | section { | ||
28 | padding-top: 20px; | ||
29 | } | ||
30 | } | ||
31 | |||
32 | @media (min-width: 768px) and (max-width: 979px) { | ||
33 | |||
34 | section { | ||
35 | padding-top: 20px; | ||
36 | } | ||
37 | } | ||
38 | |||
39 | /* preview */ | ||
40 | |||
41 | .subhead { | ||
42 | padding-bottom: 0; | ||
43 | margin-bottom: 9px; | ||
44 | } | ||
45 | |||
46 | .subhead h1 { | ||
47 | font-size: 54px; | ||
48 | } | ||
49 | |||
50 | @media (min-width: 980px) { | ||
51 | |||
52 | .preview { | ||
53 | padding-top: 100px; | ||
54 | } | ||
55 | } | ||
56 | |||
57 | /* subnav */ | ||
58 | |||
59 | .subnav { | ||
60 | margin-bottom: 60px; | ||
61 | width: 100%; | ||
62 | height: 36px; | ||
63 | background-color: black; /* Old browsers */ | ||
64 | color: white; | ||
65 | border: 1px solid #e5e5e5; | ||
66 | } | ||
67 | |||
68 | .subnav .nav { | ||
69 | margin-bottom: 0; | ||
70 | } | ||
71 | |||
72 | .subnav .nav > li > a { | ||
73 | margin: 0; | ||
74 | padding-top: 11px; | ||
75 | padding-bottom: 11px; | ||
76 | border-left: 1px solid #f5f5f5; | ||
77 | border-right: 1px solid #e5e5e5; | ||
78 | -webkit-border-radius: 0; | ||
79 | -moz-border-radius: 0; | ||
80 | border-radius: 0; | ||
81 | color: yellow; | ||
82 | } | ||
83 | |||
84 | .subnav .nav > li.active > a, | ||
85 | .subnav .nav > li > a:hover { | ||
86 | padding-left: 13px; | ||
87 | background: yellow; | ||
88 | color: black; | ||
89 | border-right-color: #ddd; | ||
90 | border-left: 0; | ||
91 | } | ||
92 | |||
93 | .subnav .nav > .active > a .caret, | ||
94 | .subnav .nav > .active > a:hover .caret { | ||
95 | border-top-color: #777; | ||
96 | } | ||
97 | |||
98 | .subnav .nav > li:first-child > a, | ||
99 | .subnav .nav > li:first-child > a:hover { | ||
100 | border-left: 0; | ||
101 | padding-left: 12px; | ||
102 | -webkit-border-radius: 4px 0 0 4px; | ||
103 | -moz-border-radius: 4px 0 0 4px; | ||
104 | border-radius: 4px 0 0 4px; | ||
105 | } | ||
106 | |||
107 | .subnav .nav > li:last-child > a { | ||
108 | border-right: 0; | ||
109 | } | ||
110 | |||
111 | .subnav .dropdown-menu { | ||
112 | -webkit-border-radius: 0 0 4px 4px; | ||
113 | -moz-border-radius: 0 0 4px 4px; | ||
114 | border-radius: 0 0 4px 4px; | ||
115 | } | ||
116 | |||
117 | @media (max-width: 767px) { | ||
118 | |||
119 | .subnav { | ||
120 | position: static; | ||
121 | top: auto; | ||
122 | z-index: auto; | ||
123 | width: auto; | ||
124 | height: auto; | ||
125 | background: #fff; /* whole background property since we use a background-image for gradient */ | ||
126 | -webkit-box-shadow: none; | ||
127 | -moz-box-shadow: none; | ||
128 | box-shadow: none; | ||
129 | } | ||
130 | |||
131 | .subnav .nav > li { | ||
132 | float: none; | ||
133 | } | ||
134 | |||
135 | .subnav .nav > li > a { | ||
136 | border: 0; | ||
137 | } | ||
138 | |||
139 | .subnav .nav > li + li > a { | ||
140 | border-top: 1px solid #e5e5e5; | ||
141 | } | ||
142 | |||
143 | .subnav .nav > li:first-child > a, | ||
144 | .subnav .nav > li:first-child > a:hover { | ||
145 | -webkit-border-radius: 4px 4px 0 0; | ||
146 | -moz-border-radius: 4px 4px 0 0; | ||
147 | border-radius: 4px 4px 0 0; | ||
148 | } | ||
149 | } | ||
150 | |||
151 | @media (min-width: 980px) { | ||
152 | |||
153 | .subnav-fixed { | ||
154 | position: fixed; | ||
155 | top: 40px; | ||
156 | left: 0; | ||
157 | right: 0; | ||
158 | z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ | ||
159 | border-color: #d5d5d5; | ||
160 | border-width: 0 0 1px; /* drop the border on the fixed edges */ | ||
161 | -webkit-border-radius: 0; | ||
162 | -moz-border-radius: 0; | ||
163 | border-radius: 0; | ||
164 | -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); | ||
165 | -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); | ||
166 | box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); | ||
167 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ | ||
168 | } | ||
169 | |||
170 | .subnav-fixed .nav { | ||
171 | width: 938px; | ||
172 | margin: 0 auto; | ||
173 | padding: 0 1px; | ||
174 | } | ||
175 | |||
176 | .subnav .nav > li:first-child > a, | ||
177 | .subnav .nav > li:first-child > a:hover { | ||
178 | -webkit-border-radius: 0; | ||
179 | -moz-border-radius: 0; | ||
180 | border-radius: 0; | ||
181 | } | ||
182 | } | ||
183 | |||
184 | @media (min-width: 1210px) { | ||
185 | |||
186 | .subnav-fixed .nav { | ||
187 | width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ | ||
188 | } | ||
189 | } | ||