Skip to content

Commit f1bd8d6

Browse files
jslegersjslegers
committed
upload version 0.1
1 parent 09d89e3 commit f1bd8d6

34 files changed

+6844
-10
lines changed

‎README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
##Summary
55

6-
jQuery Bootstrap it's not just another CSS framework. jQuery Bootstrap is a framework that will change the way you use CSS.
6+
jQuery Bootstrap is not just another CSS framework. jQuery Bootstrap is a framework that will change the way you use CSS.
77

88
jQuery Bootstrap combines the power of Twitter Bootstrap and the jQuery UI into a single CSS boilerplate with easy to learn consistent semantics, offering both highly atomic functionality and more advanced layout options with a minimal amount of code. With jQuery Bootstrap, you can keep your CSS both clean and readable and stick to the same consistent standards for all of your CSS code.
99

@@ -12,7 +12,7 @@ Future versions of jQuery Bootstrap will also offer support for jQuery UI Widget
1212

1313
##Support
1414

15-
jQuery Bootstrap 0.1 is a pre-release version and more a proof of concept than anything else. A lot may change between this version and later versions. You should not use this version of jQuery Bootstrap in a production environment. Any use of jQuery Bootstrap 0.1 beyond educational and evaluation purposes is not recommended.
15+
jQuery Bootstrap 0.1 is a pre-release version and more a proof of concept than anything else. It's still a work in progress. A lot may change between this version and later versions. You should not use this version of jQuery Bootstrap in a production environment. Any use of jQuery Bootstrap 0.1 beyond educational and evaluation purposes is not recommended.
1616

1717
jQuery Bootstrap 0.1 is designed for jQuery UI 1.8 and jQuery 1.6 and currently untested in other versions. All browsers (including old ones) should be supported. jQuery Bootstrap even offers partial support for IE6.
1818

@@ -29,7 +29,7 @@ Have a bug? Please [create an issue here](https://github.com/jslegers/jquery-boo
2929

3030
##Development
3131

32-
You can't to support this project? You can! Fork it and you can become a part of it NOW!
32+
You wan't to support this project? You can! Fork it and you can become a part of it NOW!
3333

3434

3535
##Author

‎assets/css/docs.css

Lines changed: 253 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,253 @@
1+
/* Add additional stylesheets below
2+
-------------------------------------------------- */
3+
/*
4+
*/
5+
/* Body and structure
6+
-------------------------------------------------- */
7+
8+
section {
9+
padding-top: 60px;
10+
}
11+
12+
section > .row {
13+
margin-bottom: 10px;
14+
}
15+
16+
#masthead, #footer {
17+
background-color: #049cd9;
18+
background-repeat: no-repeat;
19+
background-image: -webkit-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9));
20+
background-image: -webkit-linear-gradient(#004D9F, #049cd9);
21+
background-image: -moz-linear-gradient(#004D9F, #049cd9);
22+
background-image: -o-linear-gradient(top, #004D9F, #049cd9);
23+
background-image: -khtml-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9));
24+
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#004D9F', EndColorStr='#049cd9', GradientType=0);
25+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#004D9F', EndColorStr='#049cd9', GradientType=0))";
26+
}
27+
28+
#subhead {
29+
background-color: #767D80;
30+
background-repeat: no-repeat;
31+
background-image: -webkit-gradient(linear, left top, left bottom, from(#565d60), to(#767d80));
32+
background-image: -webkit-linear-gradient(#565d60, #767d80);
33+
background-image: -moz-linear-gradient(#565d60, #767d80);
34+
background-image: -o-linear-gradient(top, #565d60, #767d80);
35+
background-image: -khtml-gradient(linear, left top, left bottom, from(#565d60), to(#767d80));
36+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565d60', endColorstr='#767d80', GradientType=0);
37+
}
38+
39+
#subhead div.inner, #masthead div.inner, #footer div.inner {
40+
padding: 45px 0;
41+
}
42+
43+
body > #subhead div.inner, body > #masthead div.inner, body > #footer div.inner {
44+
background: transparent url(../img/grid-18px.png) top center;
45+
-webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.3);
46+
-moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.3);
47+
box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.3);
48+
}
49+
50+
#subhead h1,
51+
#masthead h1,
52+
#footer h1,
53+
#subhead p,
54+
#masthead p,
55+
#footer p {
56+
color: #fff;
57+
text-shadow: 0 1px 1px rgba(0,0,0,.3);
58+
}
59+
#subhead p a,
60+
#masthead p a,
61+
#footer p a {
62+
color: #fff;
63+
font-weight: bold;
64+
}
65+
66+
#subhead, #masthead {
67+
padding: 40px 0 0;
68+
}
69+
70+
#masthead h1 {
71+
font-size: 54px;
72+
line-height: 1;
73+
text-shadow: 0 1px 2px rgba(0,0,0,.5);
74+
}
75+
#masthead p {
76+
font-weight: 300;
77+
}
78+
79+
#subhead h1 {
80+
font-size: 40px;
81+
}
82+
83+
#subhead p.lead, #masthead p.lead {
84+
font-size: 20px;
85+
line-height: 27px;
86+
}
87+
88+
div.quickstart {
89+
background-color: #f5f5f5;
90+
background-repeat: repeat-x;
91+
background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
92+
background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
93+
background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
94+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
95+
background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
96+
background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
97+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
98+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
99+
background-image: linear-gradient(#f9f9f9, #f5f5f5);
100+
border-top: 1px solid #fff;
101+
border-bottom: 1px solid #eee;
102+
}
103+
div.quickstart div.row {
104+
margin: 0 -20px;
105+
-webkit-box-shadow: 1px 0 0 #f9f9f9;
106+
-moz-box-shadow: 1px 0 0 #f9f9f9;
107+
box-shadow: 1px 0 0 #f9f9f9;
108+
}
109+
div.quickstart div.columns {
110+
width: 285px;
111+
height: 117px;
112+
margin-left: 0;
113+
padding: 17px 20px 26px;
114+
border-left: 1px solid #eee;
115+
-webkit-box-shadow: inset 1px 0 0 #f9f9f9;
116+
-moz-box-shadow: inset 1px 0 0 #f9f9f9;
117+
box-shadow: inset 1px 0 0 #f9f9f9;
118+
}
119+
div.quickstart div.columns:last-child {
120+
border-right: 1px solid #eee;
121+
width: 286px;
122+
}
123+
div.quickstart h6,
124+
div.quickstart p {
125+
line-height: 18px;
126+
text-align: center;
127+
margin-bottom: 9px;
128+
color: #333;
129+
}
130+
div.quickstart h6 {
131+
color: #999;
132+
}
133+
div.quickstart form textarea {
134+
display: block;
135+
width: 275px;
136+
margin: 0 0 9px;
137+
}
138+
#footer {
139+
margin-top: 80px;
140+
}
141+
#footer p {
142+
margin-bottom: 0;
143+
color: rgba(255,255,255,.8)
144+
}
145+
#footer p.right {
146+
float: right;
147+
}
148+
149+
/* Special grid styles
150+
-------------------------------------------------- */
151+
.show-grid {
152+
margin-top: 10px;
153+
margin-bottom: 10px;
154+
}
155+
156+
.show-grid .show-grid {
157+
margin-top: 0;
158+
margin-bottom: 0;
159+
}
160+
161+
.show-grid .span1, .show-grid .span2, .show-grid .span3, .show-grid .span4, .show-grid .span5, .show-grid .span6, .show-grid .span7, .show-grid .span8,
162+
.show-grid .span9, .show-grid .span10, .show-grid .span11, .show-grid .span12, .show-grid .span13, .show-grid .span14, .show-grid .span15, .show-grid .span16,
163+
.show-grid .span-one-third, .show-grid .span-two-thirds {
164+
background-color: #eee;
165+
text-align: center;
166+
-webkit-border-radius: 3px;
167+
-moz-border-radius: 3px;
168+
border-radius: 3px;
169+
min-height: 30px;
170+
line-height: 30px;
171+
height: auto !important;
172+
height: 30px;
173+
}
174+
175+
.show-grid:hover .span1, .show-grid:hover .span2, .show-grid:hover .span3, .show-grid:hover .span4, .show-grid:hover .span5, .show-grid:hover .span6, .show-grid:hover .span7, .show-grid:hover .span8,
176+
.show-grid:hover .span9, .show-grid:hover .span10, .show-grid:hover .span11, .show-grid:hover .span12, .show-grid:hover .span13, .show-grid:hover .span14, .show-grid:hover .span15, .show-grid:hover .span16,
177+
.show-grid:hover .span-one-third, .show-grid:hover .span-two-thirds {
178+
background: #ddd;
179+
}
180+
181+
.show-grid .show-grid .span1, .show-grid .show-grid .span2, .show-grid .show-grid .span3, .show-grid .show-grid .span4, .show-grid .show-grid .span5, .show-grid .show-grid .span6, .show-grid .show-grid .span7, .show-grid .show-grid .span8,
182+
.show-grid .show-grid .span9, .show-grid .show-grid .span10, .show-grid .show-grid .span11, .show-grid .show-grid .span12, .show-grid .show-grid .span13, .show-grid .show-grid .span14, .show-grid .show-grid .span15, .show-grid .show-grid .span16,
183+
.show-grid .show-grid .span-one-third, .show-grid .show-grid .span-two-thirds {
184+
background-color: #ccc;
185+
}
186+
187+
/* Render mini layout previews
188+
-------------------------------------------------- */
189+
div.mini-layout {
190+
height: 340px;
191+
margin-bottom: 20px;
192+
padding: 9px;
193+
border: 1px solid #ccc;
194+
-webkit-border-radius: 6px;
195+
-moz-border-radius: 6px;
196+
border-radius: 6px;
197+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
198+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
199+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
200+
}
201+
div.mini-layout div {
202+
-webkit-border-radius: 3px;
203+
-moz-border-radius: 3px;
204+
border-radius: 3px;
205+
}
206+
div.mini-layout div.mini-layout-body {
207+
background-color: #dceaf4;
208+
margin: 0 auto;
209+
width: 340px;
210+
height: 340px;
211+
}
212+
div.mini-layout.fluid div.mini-layout-sidebar,
213+
div.mini-layout.fluid div.mini-layout-header,
214+
div.mini-layout.fluid div.mini-layout-body {
215+
float: left;
216+
}
217+
div.mini-layout.fluid div.mini-layout-sidebar {
218+
background-color: #bbd8e9;
219+
width: 90px;
220+
height: 340px;
221+
}
222+
div.mini-layout.fluid div.mini-layout-body {
223+
width: 300px;
224+
margin-left: 10px;
225+
}
226+
227+
/* Popover docs
228+
-------------------------------------------------- */
229+
.popover-well {
230+
min-height: 160px;
231+
}
232+
233+
.ui-tooltip {
234+
display: block;
235+
}
236+
237+
.popover-well .popover-wrapper {
238+
width: 50%;
239+
height: 160px;
240+
float: left;
241+
margin-left: 55px;
242+
position: relative;
243+
}
244+
245+
div.popover-well div.popover-menu-wrapper {
246+
height: 80px;
247+
}
248+
249+
img.large-bird {
250+
margin: 5px 0 0 310px;
251+
opacity: .1;
252+
filter: alpha(opacity=10);
253+
}

0 commit comments

Comments
 (0)