Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap
Commits
e89ba293
Commit
e89ba293
authored
Apr 28, 2011
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Added compiled CSS file and fixed link to do it
parent
eb338930
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
202 additions
and
2 deletions
+202
-2
baseline-1.0.0.css
baseline-1.0.0.css
+200
-0
index.html
index.html
+2
-2
No files found.
baseline-1.0.0.css
0 → 100644
View file @
e89ba293
html
,
body
{
margin
:
0
;
padding
:
0
;}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
cite
,
code
,
del
,
dfn
,
em
,
img
,
q
,
s
,
samp
,
small
,
strike
,
strong
,
sub
,
sup
,
tt
,
var
,
dd
,
dl
,
dt
,
li
,
ol
,
ul
,
fieldset
,
form
,
label
,
legend
,
button
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-weight
:
normal
;
font-style
:
normal
;
font-size
:
100%
;
line-height
:
1
;
font-family
:
inherit
;}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
;}
ol
,
ul
{
list-style
:
none
;}
q
:before
,
q
:after
,
blockquote
:before
,
blockquote
:after
{
content
:
""
;}
.clearfix
{
zoom
:
1
;}
.clearfix
:after
{
display
:
block
;
visibility
:
hidden
;
height
:
0
;
clear
:
both
;
content
:
"."
;}
.right
{
float
:
right
;}
.left
{
float
:
left
;}
div
.row
{
zoom
:
1
;}
div
.row
:after
{
display
:
block
;
visibility
:
hidden
;
height
:
0
;
clear
:
both
;
content
:
"."
;}
div
.row
div
.span1
{
display
:
inline
;
float
:
left
;
width
:
40px
;
margin-left
:
20px
;}
div
.row
div
.span1
:first-child
{
margin-left
:
0
;}
div
.row
div
.span2
{
display
:
inline
;
float
:
left
;
width
:
100px
;
margin-left
:
20px
;}
div
.row
div
.span2
:first-child
{
margin-left
:
0
;}
div
.row
div
.span3
{
display
:
inline
;
float
:
left
;
width
:
160px
;
margin-left
:
20px
;}
div
.row
div
.span3
:first-child
{
margin-left
:
0
;}
div
.row
div
.span4
{
display
:
inline
;
float
:
left
;
width
:
220px
;
margin-left
:
20px
;}
div
.row
div
.span4
:first-child
{
margin-left
:
0
;}
div
.row
div
.span5
{
display
:
inline
;
float
:
left
;
width
:
280px
;
margin-left
:
20px
;}
div
.row
div
.span5
:first-child
{
margin-left
:
0
;}
div
.row
div
.span6
{
display
:
inline
;
float
:
left
;
width
:
340px
;
margin-left
:
20px
;}
div
.row
div
.span6
:first-child
{
margin-left
:
0
;}
div
.row
div
.span7
{
display
:
inline
;
float
:
left
;
width
:
400px
;
margin-left
:
20px
;}
div
.row
div
.span7
:first-child
{
margin-left
:
0
;}
div
.row
div
.span8
{
display
:
inline
;
float
:
left
;
width
:
460px
;
margin-left
:
20px
;}
div
.row
div
.span8
:first-child
{
margin-left
:
0
;}
div
.row
div
.span9
{
display
:
inline
;
float
:
left
;
width
:
520px
;
margin-left
:
20px
;}
div
.row
div
.span9
:first-child
{
margin-left
:
0
;}
div
.row
div
.span10
{
display
:
inline
;
float
:
left
;
width
:
580px
;
margin-left
:
20px
;}
div
.row
div
.span10
:first-child
{
margin-left
:
0
;}
div
.row
div
.span11
{
display
:
inline
;
float
:
left
;
width
:
640px
;
margin-left
:
20px
;}
div
.row
div
.span11
:first-child
{
margin-left
:
0
;}
div
.row
div
.span12
{
display
:
inline
;
float
:
left
;
width
:
700px
;
margin-left
:
20px
;}
div
.row
div
.span12
:first-child
{
margin-left
:
0
;}
div
.row
div
.span13
{
display
:
inline
;
float
:
left
;
width
:
760px
;
margin-left
:
20px
;}
div
.row
div
.span13
:first-child
{
margin-left
:
0
;}
div
.row
div
.span14
{
display
:
inline
;
float
:
left
;
width
:
820px
;
margin-left
:
20px
;}
div
.row
div
.span14
:first-child
{
margin-left
:
0
;}
div
.row
div
.span15
{
display
:
inline
;
float
:
left
;
width
:
880px
;
margin-left
:
20px
;}
div
.row
div
.span15
:first-child
{
margin-left
:
0
;}
div
.row
div
.span16
{
display
:
inline
;
float
:
left
;
width
:
940px
;
margin-left
:
20px
;}
div
.row
div
.span16
:first-child
{
margin-left
:
0
;}
html
,
body
{
background-color
:
#fff
;}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
14px
;
font-weight
:
normal
;
line-height
:
20px
;
color
:
#555555
;
text-rendering
:
optimizeLegibility
;
-webkit-box-shadow
:
inset
0
1px
0
#ffffff
;
-moz-box-shadow
:
inset
0
1px
0
#ffffff
;
box-shadow
:
inset
0
1px
0
#ffffff
;}
div
.container
{
width
:
940px
;
margin
:
0
auto
;}
div
.container-fluid
{
padding
:
20px
;
zoom
:
1
;}
div
.container-fluid
:after
{
display
:
block
;
visibility
:
hidden
;
height
:
0
;
clear
:
both
;
content
:
"."
;}
div
.container-fluid
div
.sidebar
{
float
:
left
;
width
:
220px
;}
div
.container-fluid
div
.content
{
min-width
:
700px
;
max-width
:
1180px
;
margin-left
:
240px
;}
a
{
color
:
#0069d6
;
text-decoration
:
none
;
line-height
:
inherit
;}
a
:hover
{
color
:
#0050a3
;
text-decoration
:
underline
;}
.btn
{
display
:
inline-block
;
background-color
:
#e0e0e0
;
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
0
0
,
0
100%
,
from
(
#f9f9f9
),
color-stop
(
0.25
,
#f9f9f9
),
to
(
#e0e0e0
));
background-image
:
-webkit-linear-gradient
(
#f9f9f9
,
color-stop
(
0.25
,
#f9f9f9
),
#e0e0e0
);
background-image
:
-moz-linear-gradient
(
#f9f9f9
,
color-stop
(
#f9f9f9
,
0.25
),
#e0e0e0
);
padding
:
4px
14px
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.75
);
color
:
#555555
;
line-height
:
20px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
);
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.25
);
-moz-border-radius
:
4px
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
),
0
1px
2px
rgba
(
0
,
0
,
0
,
0.1
);
-moz-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
),
0
1px
2px
rgba
(
0
,
0
,
0
,
0.1
);
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
),
0
1px
2px
rgba
(
0
,
0
,
0
,
0.1
);
cursor
:
pointer
;}
.btn
:hover
{
background-position
:
0
-15px
;
color
:
#3b3b3b
;
text-decoration
:
none
;}
.btn.primary
{
background-color
:
#0069d6
;
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#08b5fb
),
to
(
#0069d6
));
background-image
:
-webkit-linear-gradient
(
#08b5fb
,
#0069d6
);
background-image
:
-moz-linear-gradient
(
#08b5fb
,
#0069d6
);
background-image
:
-o-linear-gradient
(
top
,
#08b5fb
,
#0069d6
);
background-image
:
-khtml-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#08b5fb
),
to
(
#0069d6
));
filter
:
progid
:
DXImageTransform
.
Microsoft
.
Gradient
(
StartColorStr
=
'#08b5fb'
,
EndColorStr
=
'#0069d6'
,
GradientType
=
0
);
-ms-filter
:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='#08b5fb', EndColorStr='#0069d6', GradientType=0))"
;
color
:
#fff
;
text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
);}
.btn.primary
:hover
{
color
:
#fff
;}
.btn.large
{
font-size
:
16px
;
line-height
:
30px
;
-moz-border-radius
:
6px
;
border-radius
:
6px
;}
.btn.small
{
padding-right
:
9px
;
padding-left
:
9px
;
font-size
:
11px
;
line-height
:
16px
;}
button
.btn
::-moz-focus-inner
,
input
[
type
=
submit
]
.btn
::-moz-focus-inner
{
padding
:
0
;
border
:
0
;}
p
{
font-size
:
14px
;
font-weight
:
normal
;
line-height
:
20px
;
margin-bottom
:
20px
;}
p
small
{
font-size
:
12px
;
color
:
#777777
;}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
500
;
color
:
#333333
;}
h1
small
,
h2
small
,
h3
small
,
h4
small
,
h5
small
,
h6
small
{
color
:
#777777
;}
h1
{
margin-bottom
:
20px
;
font-size
:
30px
;
line-height
:
40px
;}
h1
small
{
font-size
:
18px
;}
h2
{
font-size
:
24px
;
line-height
:
40px
;}
h2
small
{
font-size
:
14px
;}
h3
,
h4
,
h5
,
h6
{
line-height
:
40px
;}
h3
{
font-size
:
18px
;}
h3
small
{
font-size
:
14px
;}
h4
{
font-size
:
16px
;}
h4
small
{
font-size
:
12px
;}
h5
{
font-size
:
14px
;}
h6
{
font-size
:
13px
;
color
:
#777777
;
text-transform
:
uppercase
;}
ul
,
ol
{
margin
:
0
0
20px
25px
;}
ul
ul
,
ul
ol
,
ol
ol
,
ol
ul
{
margin-bottom
:
0
;}
ul
{
list-style
:
disc
;}
ol
{
list-style
:
decimal
;}
li
{
line-height
:
20px
;
color
:
#555555
;}
ul
.unstyled
{
list-style
:
none
;
margin-left
:
0
;}
dl
{
margin-bottom
:
20px
;}
dl
dt
,
dl
dd
{
line-height
:
20px
;}
dl
dt
{
font-weight
:
bold
;}
dl
dd
{
margin-left
:
10px
;}
span
.label
{
background-color
:
#ccc
;
padding
:
3px
5px
;
font-size
:
10px
;
font-weight
:
bold
;
color
:
#fff
;
text-shadow
:
0
0
1px
rgba
(
0
,
0
,
0
,
0.01
);
text-transform
:
uppercase
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;}
span
.label.expired
{
background-color
:
#f5f5f5
;
color
:
#999
;}
span
.label.pending
{
background-color
:
#48489b
;}
span
.label.declined
{
background-color
:
#9b4848
;}
span
.label.active
,
span
.label.approved
{
background-color
:
#59bf59
;}
span
.label.disabled
{
background-color
:
#faa226
;}
span
.label.scheduled
{
background-color
:
#f5f5f5
;
color
:
#59bf59
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);}
hr
{
margin
:
0
0
19px
;
border
:
0
;
border-bottom
:
1px
solid
#eee
;}
strong
{
font-style
:
inherit
;
font-weight
:
bold
;
line-height
:
inherit
;}
em
{
font-style
:
italic
;
font-weight
:
inherit
;
line-height
:
inherit
;}
.muted
{
color
:
#cccccc
;}
blockquote
{
margin-bottom
:
20px
;
border-left
:
5px
solid
#eee
;
padding-left
:
15px
;}
blockquote
p
{
font-size
:
14px
;
font-weight
:
300
;
line-height
:
20px
;
margin-bottom
:
0
;}
blockquote
cite
{
display
:
block
;
font-size
:
12px
;
font-weight
:
300
;
line-height
:
20px
;
color
:
#777777
;}
blockquote
cite
:before
{
content
:
'\2014 \00A0'
;}
address
{
display
:
block
;
line-height
:
20px
;
margin-bottom
:
20px
;}
code
,
pre
{
padding
:
0
3px
2px
;
font-family
:
Monaco
,
Andale
Mono
,
Courier
New
,
monospace
;
font-size
:
12px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;}
code
{
background-color
:
#fee9cc
;
color
:
rgba
(
0
,
0
,
0
,
0.75
);
padding
:
2px
3px
;}
pre
{
background-color
:
#f5f5f5
;
display
:
block
;
padding
:
19px
;
margin
:
0
0
20px
;
line-height
:
20px
;
font-size
:
12px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
-moz-border-radius
:
3px
;
border-radius
:
3px
;
white-space
:
pre-wrap
;}
pre
.css
,
pre
.html
{
background-color
:
#fff
;}
pre
ol
{
background-color
:
#feeed6
;
list-style
:
decimal
;
margin
:
-19px
;
padding-left
:
59px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
;}
pre
ol
li
{
background-color
:
#fff
;
padding
:
0
10px
;
border-left
:
1px
solid
rgba
(
0
,
0
,
0
,
0.1
);
border-left-color
:
#fddfb3
;
font-size
:
11px
;
line-height
:
20px
;
color
:
#777777
;
text-shadow
:
0
1px
1px
rgba
(
255
,
255
,
255
,
0.5
);
word-wrap
:
break-word
;}
pre
ol
li
:first-child
{
padding-top
:
9px
;}
pre
ol
li
:last-child
{
padding-bottom
:
9px
;}
span
.html__tag_start
,
span
.html__tag_end
{
color
:
#277ac1
;
font-weight
:
normal
;}
span
.html__attr_name
{
color
:
#d78b41
;}
span
.html__attr_value
{
color
:
#de4a3f
;}
form
{
margin-bottom
:
20px
;}
form
fieldset
{
margin-bottom
:
20px
;
padding-top
:
20px
;}
form
fieldset
legend
{
display
:
block
;
margin-left
:
150px
;
font-size
:
20px
;
line-height
:
1
;
color
:
#333333
;}
form
div
.clearfix
{
margin-bottom
:
20px
;}
form
label
,
form
input
,
form
select
,
form
textarea
{
font-family
:
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
13px
;
font-weight
:
normal
;
line-height
:
normal
;}
form
label
{
padding-top
:
6px
;
font-size
:
13px
;
line-height
:
18px
;
float
:
left
;
width
:
130px
;
text-align
:
right
;}
form
div
.input
{
margin-left
:
150px
;}
form
input
[
type
=
checkbox
],
form
input
[
type
=
radio
]
{
cursor
:
pointer
;}
form
input
[
type
=
text
],
form
input
[
type
=
password
],
form
textarea
,
form
select
,
form
.uneditable-input
{
display
:
block
;
width
:
210px
;
margin
:
0
;
padding
:
4px
;
font-size
:
13px
;
line-height
:
20px
;
height
:
20px
;
color
:
#555555
;
border
:
1px
solid
#bbb
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;}
form
select
{
height
:
30px
;
line-height
:
30px
;}
form
input
[
type
=
file
]
{
line-height
:
30px
;}
form
textarea
{
height
:
auto
;}
form
.uneditable-input
{
background-color
:
#eee
;
display
:
block
;
border-color
:
#ccc
;
-webkit-box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
0.075
);
-moz-box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
0.075
);}
form
input
[
type
=
text
],
form
input
[
type
=
password
],
form
select
,
form
textarea
{
-webkit-transition
:
border
linear
0.2s
,
box-shadow
linear
0.2s
;
-moz-transition
:
border
linear
0.2s
,
box-shadow
linear
0.2s
;
transition
:
border
linear
0.2s
,
box-shadow
linear
0.2s
;}
form
input
[
type
=
text
]
:focus
,
form
input
[
type
=
password
]
:focus
,
form
textarea
:focus
{
outline
:
none
;
border-color
:
rgba
(
82
,
168
,
236
,
0.75
);
-webkit-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
0.5
);
-moz-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
0.5
);
box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
0.5
);}
form
div
.error
{
background
:
#fae5e3
;
padding
:
10px
0
;
margin
:
-10px
0
10px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;}
form
div
.error
>
label
{
color
:
#9d261d
;}
form
div
.error
input
[
type
=
text
],
form
div
.error
input
[
type
=
password
],
form
div
.error
textarea
{
border-color
:
#c87872
;
-webkit-box-shadow
:
0
0
3px
rgba
(
171
,
41
,
32
,
0.25
);
-moz-box-shadow
:
0
0
3px
rgba
(
171
,
41
,
32
,
0.25
);
box-shadow
:
0
0
3px
rgba
(
171
,
41
,
32
,
0.25
);}
form
div
.error
input
[
type
=
text
]
:focus
,
form
div
.error
input
[
type
=
password
]
:focus
,
form
div
.error
textarea
:focus
{
border-color
:
#b9554d
;
-webkit-box-shadow
:
0
0
6px
rgba
(
171
,
41
,
32
,
0.5
);
-moz-box-shadow
:
0
0
6px
rgba
(
171
,
41
,
32
,
0.5
);
box-shadow
:
0
0
6px
rgba
(
171
,
41
,
32
,
0.5
);}
form
div
.error
div
.input-prepend
span
.add-on
,
form
div
.error
div
.input-append
span
.add-on
{
background
:
#f4c8c5
;
border-color
:
#c87872
;
color
:
#b9554d
;}
form
.input-mini
,
form
input
.mini
,
form
textarea
.mini
,
form
select
.mini
{
width
:
60px
;}
form
.input-small
,
form
input
.small
,
form
textarea
.small
,
form
select
.small
{
width
:
90px
;}
form
.input-medium
,
form
input
.medium
,
form
textarea
.medium
,
form
select
.medium
{
width
:
150px
;}
form
.input-large
,
form
input
.large
,
form
textarea
.large
,
form
select
.large
{
width
:
210px
;}
form
.input-xlarge
,
form
input
.xlarge
,
form
textarea
.xlarge
,
form
select
.xlarge
{
width
:
270px
;}
form
.input-xxlarge
,
form
input
.xxlarge
,
form
textarea
.xxlarge
,
form
select
.xxlarge
{
width
:
530px
;}
form
textarea
.xxlarge
{
overflow-y
:
scroll
;}
form
input
[
readonly
]
:focus
,
form
textarea
[
readonly
]
:focus
,
form
input
.disabled
{
background
:
#f5f5f5
;
border-color
:
#ddd
;
-webkit-box-shadow
:
none
;
-moz-box-shadow
:
none
;
box-shadow
:
none
;}
div
.actions
{
background
:
#f5f5f5
;
margin-top
:
20px
;
margin-bottom
:
20px
;
padding
:
19px
20px
20px
150px
;
border-top
:
1px
solid
#ddd
;
-moz-border-radius
:
0
0
3px
3px
;
border-radius
:
0
0
3px
3px
;}
div
.actions
div
.secondary-action
{
float
:
right
;}
div
.actions
div
.secondary-action
a
{
line-height
:
30px
;}
div
.actions
div
.secondary-action
a
:hover
{
text-decoration
:
underline
;}
.help-inline
,
.help-block
{
font-size
:
12px
;
line-height
:
20px
;
color
:
#777777
;}
.help-inline
{
padding-left
:
5px
;}
.help-block
{
display
:
block
;
max-width
:
600px
;}
.help-block
h5
,
.help-block
p
,
.help-block
ol
li
{
color
:
#555555
;}
.help-block
p
,
.help-block
ol
li
{
font-size
:
12px
;}
.help-block
p
{
margin-bottom
:
0
;
font-size
:
12px
;
line-height
:
20px
;
color
:
#777777
;}
.help-block
ol
{
margin-bottom
:
10px
;
margin-left
:
25px
;}
div
.inline-inputs
{
color
:
#555555
;}
div
.inline-inputs
span
,
div
.inline-inputs
input
[
type
=
text
]
{
display
:
inline-block
;}
div
.inline-inputs
input
.mini
{
width
:
60px
;}
div
.inline-inputs
input
.small
{
width
:
90px
;}
div
.inline-inputs
span
{
padding
:
0
2px
0
1px
;}
div
.input-prepend
input
[
type
=
text
],
div
.input-append
input
[
type
=
text
]
{
-moz-border-radius
:
0
3px
3px
0
;
border-radius
:
0
3px
3px
0
;}
div
.input-prepend
.add-on
,
div
.input-append
.add-on
{
background
:
#f5f5f5
;
float
:
left
;
display
:
block
;
width
:
auto
;
min-width
:
16px
;
padding
:
5px
4px
5px
5px
;
color
:
#777777
;
font-weight
:
normal
;
line-height
:
18px
;
height
:
18px
;
text-align
:
center
;
text-shadow
:
0
1px
0
#fff
;
border
:
1px
solid
#bbb
;
border-right-width
:
0
;
-moz-border-radius
:
3px
0
0
3px
;
border-radius
:
3px
0
0
3px
;}
div
.input-prepend
.active
,
div
.input-append
.active
{
background
:
#a9dba9
;
border-color
:
#46a546
;}
div
.input-append
input
[
type
=
text
]
{
float
:
left
;
-moz-border-radius
:
3px
0
0
3px
;
border-radius
:
3px
0
0
3px
;}
div
.input-append
.add-on
{
-moz-border-radius
:
0
3px
3px
0
;
border-radius
:
0
3px
3px
0
;
border-right-width
:
1px
;
border-left-width
:
0
;}
ul
.inputs-list
{
margin
:
0
0
5px
;
width
:
100%
;}
ul
.inputs-list
li
{
display
:
block
;
padding
:
0
;
width
:
100%
;}
ul
.inputs-list
li
label
{
display
:
block
;
float
:
none
;
width
:
auto
;
padding
:
0
;
line-height
:
20px
;
text-align
:
left
;
white-space
:
normal
;}
ul
.inputs-list
li
label
strong
{
color
:
#555555
;}
ul
.inputs-list
li
label
small
{
font-size
:
12px
;
font-weight
:
normal
!important
;}
ul
.inputs-list
li
ul
.inputs-list
{
margin-left
:
25px
;
margin-bottom
:
10px
;
padding-top
:
0
;}
ul
.inputs-list
li
:first-child
{
padding-top
:
5px
;}
ul
.inputs-list
input
[
type
=
radio
],
ul
.inputs-list
input
[
type
=
checkbox
]
{
margin-bottom
:
0
;}
form
.form-stacked
fieldset
{
padding-top
:
10px
;}
form
.form-stacked
legend
{
margin-left
:
0
;}
form
.form-stacked
label
{
display
:
block
;
float
:
none
;
width
:
auto
;
font-weight
:
bold
;
text-align
:
left
;
line-height
:
20px
;
padding-top
:
1px
;}
form
.form-stacked
div
.clearfix
{
margin-bottom
:
10px
;}
form
.form-stacked
div
.clearfix
div
.input
{
margin-left
:
0
;}
form
.form-stacked
ul
.inputs-list
li
label
{
font-weight
:
normal
;
padding-top
:
0
;}
table
{
width
:
100%
;
margin-bottom
:
20px
;
padding
:
0
;
text-align
:
left
;
border-collapse
:
separate
;}
table
th
,
table
td
{
padding
:
10px
10px
9px
;
line-height
:
20px
;
vertical-align
:
middle
;
border-bottom
:
1px
solid
#ddd
;}
table
th
{
padding-top
:
9px
;
font-weight
:
bold
;
border-bottom-width
:
2px
;}
table
.zebra-striped
tbody
tr
:nth-child
(
odd
)
td
{
background-color
:
#f5f5f5
;}
table
.zebra-striped
tbody
tr
:hover
td
{
background-color
:
#f1f1f1
;}
table
.zebra-striped
th
.header
{
cursor
:
pointer
;
padding-right
:
20px
;}
table
.zebra-striped
th
.headerSortUp
,
table
.zebra-striped
th
.headerSortDown
{
background-image
:
url(../img/tablesorter-indicators.png)
;
background-position
:
right
-23px
;
background-repeat
:
no-repeat
;
background-color
:
rgba
(
141
,
192
,
219
,
0.25
);
-moz-border-radius
:
3px
3px
0
0
;
border-radius
:
3px
3px
0
0
;
text-shadow
:
0
1px
1px
rgba
(
255
,
255
,
255
,
0.75
);}
table
.zebra-striped
th
.header
:hover
{
background-image
:
url(../img/tablesorter-indicators.png)
;
background-position
:
right
15px
;
background-repeat
:
no-repeat
;}
table
.zebra-striped
th
.actions
:hover
{
background-image
:
none
!important
;}
table
.zebra-striped
th
.headerSortDown
,
table
.zebra-striped
th
.headerSortDown
:hover
{
background-position
:
right
-25px
;}
table
.zebra-striped
th
.headerSortUp
,
table
.zebra-striped
th
.headerSortUp
:hover
{
background-position
:
right
-65px
;}
table
.zebra-striped
th
.blue
{
color
:
#08b5fb
;
border-bottom-color
:
#08b5fb
;}
table
.zebra-striped
th
.headerSortUp.blue
,
table
.zebra-striped
th
.headerSortDown.blue
{
background-color
:
#d1f1fe
;}
table
.zebra-striped
th
.green
{
color
:
#46a546
;
border-bottom-color
:
#46a546
;}
table
.zebra-striped
th
.headerSortUp.green
,
table
.zebra-striped
th
.headerSortDown.green
{
background-color
:
#cdeacd
;}
table
.zebra-striped
th
.red
{
color
:
#9d261d
;
border-bottom-color
:
#9d261d
;}
table
.zebra-striped
th
.headerSortUp.red
,
table
.zebra-striped
th
.headerSortDown.red
{
background-color
:
#f4c8c5
;}
table
.zebra-striped
th
.yellow
{
color
:
#ffc40d
;
border-bottom-color
:
#ffc40d
;}
table
.zebra-striped
th
.headerSortUp.yellow
,
table
.zebra-striped
th
.headerSortDown.yellow
{
background-color
:
#fff6d9
;}
table
.zebra-striped
th
.orange
{
color
:
#f89406
;
border-bottom-color
:
#f89406
;}
table
.zebra-striped
th
.headerSortUp.orange
,
table
.zebra-striped
th
.headerSortDown.orange
{
background-color
:
#fee9cc
;}
table
.zebra-striped
th
.purple
{
color
:
#7a43b6
;
border-bottom-color
:
#7a43b6
;}
table
.zebra-striped
th
.headerSortUp.purple
,
table
.zebra-striped
th
.headerSortDown.purple
{
background-color
:
#e2d5f0
;}
div
.topbar
{
background-color
:
#222222
;
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#333333
),
to
(
#222222
));
background-image
:
-webkit-linear-gradient
(
#333333
,
#222222
);
background-image
:
-moz-linear-gradient
(
#333333
,
#222222
);
background-image
:
-o-linear-gradient
(
top
,
#333333
,
#222222
);
background-image
:
-khtml-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#333333
),
to
(
#222222
));
filter
:
progid
:
DXImageTransform
.
Microsoft
.
Gradient
(
StartColorStr
=
'#333333'
,
EndColorStr
=
'#222222'
,
GradientType
=
0
);
-ms-filter
:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222', GradientType=0))"
;
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
z-index
:
1000
;
height
:
40px
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.5
);
-moz-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.5
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.5
);}
div
.topbar
a
{
color
:
#999
;}
div
.topbar
a
:hover
{
color
:
#fff
;
text-decoration
:
none
;
background-color
:
rgba
(
255
,
255
,
255
,
0.05
);}
div
.topbar
a
#logo
,
div
.topbar
ul
li
a
{
float
:
left
;
padding
:
0
10px
;
line-height
:
40px
;
text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
);}
div
.topbar
a
#logo
{
margin-left
:
-10px
;
margin-right
:
10px
;
color
:
#777777
;
font-size
:
20px
;
font-weight
:
200
;}
div
.topbar
a
#logo
img
{
float
:
left
;
margin-top
:
9px
;
margin-right
:
6px
;}
div
.topbar
ul
{
float
:
left
;
margin
:
0
;}
div
.topbar
ul
li
{
display
:
inline
;}
div
.topbar
ul
li
.active
a
{
color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
0.5
);}
div
.page-header
{
margin-bottom
:
19px
;
border-bottom
:
1px
solid
#ddd
;
-moz-border-radius
:
6px
6px
0
0
;
border-radius
:
6px
6px
0
0
;
-webkit-box-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);
-moz-box-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);
box-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);}
div
.page-header
h1
{
margin-bottom
:
0
;}
div
.alert-message
{
background-color
:
rgba
(
0
,
0
,
0
,
0.15
);
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
transparent
),
to
(
rgba
(
0
,
0
,
0
,
0.15
)));
background-image
:
-webkit-linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.15
));
background-image
:
-moz-linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.15
));
background-image
:
-o-linear-gradient
(
top
,
transparent
,
rgba
(
0
,
0
,
0
,
0.15
));
background-image
:
-khtml-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
transparent
),
to
(
rgba
(
0
,
0
,
0
,
0.15
)));
filter
:
progid
:
DXImageTransform
.
Microsoft
.
Gradient
(
StartColorStr
=
'transparent'
,
EndColorStr
=
'rgba(0, 0, 0, 0.15)'
,
GradientType
=
0
);
-ms-filter
:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.15)', GradientType=0))"
;
background-color
:
#cccccc
;
margin-bottom
:
20px
;
padding
:
10px
15px
9px
;
-moz-border-radius
:
6px
;
border-radius
:
6px
;
color
:
#fff
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.25
);
text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
);}
div
.alert-message
p
{
color
:
#fff
;
margin-bottom
:
0
;}
div
.alert-message
p
+
p
{
margin-top
:
5px
;}
div
.alert-message.error
{
background-color
:
#e06359
;}
div
.alert-message.warning
{
background-color
:
#ffd75a
;}
div
.alert-message.success
{
background-color
:
#74c474
;}
div
.alert-message.info
{
background-color
:
#53ccfc
;}
div
.alert-message
a
.close
{
float
:
right
;
margin-top
:
-2px
;
opacity
:
.5
;
color
:
#fff
;
font-size
:
20px
;
font-weight
:
bold
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
0.5
);
-moz-border-radius
:
3px
;
border-radius
:
3px
;}
div
.alert-message
a
.close
:hover
{
opacity
:
1
;
text-decoration
:
none
;}
div
.block-message
{
margin-bottom
:
20px
;
padding
:
14px
19px
;
color
:
#333
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
);
-moz-border-radius
:
6px
;
border-radius
:
6px
;}
div
.block-message
p
{
font-size
:
13px
;
line-height
:
18px
;
color
:
#333
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
margin-right
:
30px
;
margin-bottom
:
0
;}
div
.block-message
ul
{
margin-bottom
:
0
;}
div
.block-message
strong
{
display
:
block
;}
div
.block-message
a
.close
{
display
:
block
;
color
:
#333
;
color
:
rgba
(
0
,
0
,
0
,
0.5
);
text-shadow
:
0
1px
1px
rgba
(
255
,
255
,
255
,
0.75
);}
div
.block-message.error
{
background
:
#f8dcda
;
border
:
1px
solid
#f4c8c5
;}
div
.block-message.warning
{
background
:
#fff0c0
;
border
:
1px
solid
#ffe38d
;}
div
.block-message.success
{
background
:
#dff1df
;
border
:
1px
solid
#bbe2bb
;}
div
.block-message.info
{
background
:
#eaf9ff
;
border
:
1px
solid
#d1f1fe
;}
ul
.tabs
,
ul
.pills
{
margin
:
0
0
20px
;
padding
:
0
;
zoom
:
1
;}
ul
.tabs
:after
,
ul
.pills
:after
{
display
:
block
;
visibility
:
hidden
;
height
:
0
;
clear
:
both
;
content
:
"."
;}
ul
.tabs
li
,
ul
.pills
li
{
display
:
inline
;}
ul
.tabs
li
a
,
ul
.pills
li
a
{
display
:
inline
;
float
:
left
;
width
:
auto
;}
ul
.tabs
{
width
:
100%
;
border-bottom
:
1px
solid
#ccc
;}
ul
.tabs
li
a
{
margin-bottom
:
-1px
;
margin-right
:
2px
;
padding
:
0
15px
;
line-height
:
39px
;
-moz-border-radius
:
3px
3px
0
0
;
border-radius
:
3px
3px
0
0
;}
ul
.tabs
li
a
:hover
{
background
:
#f5f5f5
;
border-bottom
:
1px
solid
#ccc
;}
ul
.tabs
li
.active
a
{
background
:
#fff
;
padding
:
0
14px
;
border
:
1px
solid
#ccc
;
border-bottom
:
0
;
color
:
#555555
;}
ul
.pills
li
a
{
margin
:
5px
3px
5px
0
;
padding
:
0
15px
;
text-shadow
:
0
1px
1px
#fff
;
line-height
:
30px
;
-moz-border-radius
:
15px
;
border-radius
:
15px
;}
ul
.pills
li
a
:hover
{
background
:
#0050a3
;
color
:
#fff
;
text-decoration
:
none
;
text-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0.25
);}
ul
.pills
li
.active
a
{
background
:
#0069d6
;
color
:
#fff
;
text-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0.25
);}
div
.pagination
{
height
:
40px
;
margin
:
20px
0
;}
div
.pagination
ul
{
float
:
left
;
margin
:
0
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
-moz-border-radius
:
3px
;
border-radius
:
3px
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.075
);
-moz-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.075
);}
div
.pagination
ul
li
{
display
:
inline
;}
div
.pagination
ul
li
a
{
display
:
inline
;
float
:
left
;
padding
:
0
14px
;
line-height
:
38px
;
border-right
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
text-decoration
:
none
;}
div
.pagination
ul
li
a
:hover
,
div
.pagination
ul
li
.active
a
{
background-color
:
#eaf9ff
;}
div
.pagination
ul
li
.disabled
a
,
div
.pagination
ul
li
.disabled
a
:hover
{
background-color
:
none
;
color
:
#777777
;}
div
.pagination
ul
li
.next
a
,
div
.pagination
ul
li
:last-child
a
{
border
:
0
;}
div
.well
{
background
:
#f5f5f5
;
margin-bottom
:
20px
;
padding
:
19px
;
min-height
:
20px
;
border
:
1px
solid
#ddd
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);}
body
{
background-color
:
#ffffff
;
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
0
0
,
0
100%
,
from
(
#eeeeee
),
color-stop
(
0.15
,
#ffffff
),
to
(
#ffffff
));
background-image
:
-webkit-linear-gradient
(
#eeeeee
,
color-stop
(
0.15
,
#ffffff
),
#ffffff
);
background-image
:
-moz-linear-gradient
(
#eeeeee
,
color-stop
(
#ffffff
,
0.15
),
#ffffff
);
background-attachment
:
fixed
;
background-position
:
0
40px
;
position
:
relative
;}
header
,
section
,
footer
,
article
,
aside
{
display
:
block
;}
section
{
padding-top
:
80px
;
margin-bottom
:
-40px
;}
#masthead
,
#footer
{
background-color
:
#049cd9
;
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#005cbd
),
to
(
#049cd9
));
background-image
:
-webkit-linear-gradient
(
#005cbd
,
#049cd9
);
background-image
:
-moz-linear-gradient
(
#005cbd
,
#049cd9
);
background-image
:
-o-linear-gradient
(
top
,
#005cbd
,
#049cd9
);
background-image
:
-khtml-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#005cbd
),
to
(
#049cd9
));
filter
:
progid
:
DXImageTransform
.
Microsoft
.
Gradient
(
StartColorStr
=
'#005cbd'
,
EndColorStr
=
'#049cd9'
,
GradientType
=
0
);
-ms-filter
:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='#005cbd', EndColorStr='#049cd9', GradientType=0))"
;}
#masthead
div
.inner
,
#footer
div
.inner
{
background
:
transparent
url(../img/grid-20px.png)
0
-1px
;
padding
:
40px
0
;
-webkit-box-shadow
:
inset
0
10px
30px
rgba
(
0
,
0
,
0
,
0.25
);
-moz-box-shadow
:
inset
0
10px
30px
rgba
(
0
,
0
,
0
,
0.25
);
box-shadow
:
inset
0
10px
30px
rgba
(
0
,
0
,
0
,
0.25
);}
#masthead
h1
,
#footer
h1
,
#masthead
p
,
#footer
p
,
#masthead
small
,
#footer
small
{
color
:
#fff
;
text-shadow
:
0
2px
0
rgba
(
0
,
0
,
0
,
0.25
);}
#masthead
{
margin-top
:
40px
;
margin-bottom
:
-40px
;}
#masthead
h1
{
margin-bottom
:
0
;}
#masthead
p
.lead
{
font-size
:
20px
;
font-weight
:
300
;
line-height
:
30px
;
margin
:
5px
0
;}
#masthead
a
.btn
{
background-color
:
#552e7e
;
background-repeat
:
no-repeat
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#7a43b6
),
to
(
#552e7e
));
background-image
:
-webkit-linear-gradient
(
#7a43b6
,
#552e7e
);
background-image
:
-moz-linear-gradient
(
#7a43b6
,
#552e7e
);
background-image
:
-o-linear-gradient
(
top
,
#7a43b6
,
#552e7e
);
background-image
:
-khtml-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#7a43b6
),
to
(
#552e7e
));
filter
:
progid
:
DXImageTransform
.
Microsoft
.
Gradient
(
StartColorStr
=
'#7a43b6'
,
EndColorStr
=
'#552e7e'
,
GradientType
=
0
);
-ms-filter
:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))"
;
display
:
block
;
margin-bottom
:
20px
;
padding-top
:
5px
;
padding-bottom
:
5px
;
text-align
:
center
;
border
:
0
;
-webkit-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
),
inset
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
),
0
1px
2px
rgba
(
0
,
0
,
0
,
0.4
);
-moz-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
),
inset
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
),
0
1px
2px
rgba
(
0
,
0
,
0
,
0.4
);
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
0.25
),
inset
0
-1px
0
rgba
(
0
,
0
,
0
,
0.25
),
0
1px
2px
rgba
(
0
,
0
,
0
,
0.4
);
-webkit-transition
:
all
0.2s
linear
;
-moz-transition
:
all
0.2s
linear
;
transition
:
all
0.2s
linear
;}
#masthead
small
{
display
:
block
;
text-align
:
center
;
font-size
:
13px
;
line-height
:
20px
;
color
:
rgba
(
255
,
255
,
255
,
0.5
);}
#masthead
small
a
{
color
:
#fff
;}
#footer
{
margin-top
:
80px
;}
#footer
p
{
margin-bottom
:
0
;}
.show-grid
{
margin-top
:
20px
;
margin-bottom
:
20px
;}
.show-grid
.column
,
.show-grid
.columns
{
background
:
rgba
(
0
,
0
,
0
,
0.1
);
text-align
:
center
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
height
:
30px
;
line-height
:
30px
;}
.show-grid
:hover
.column
,
.show-grid
:hover
.columns
{
background
:
rgba
(
0
,
0
,
0
,
0.25
);}
#grid
{
width
:
980px
;
position
:
absolute
;
top
:
0
;
left
:
50%
;
margin-left
:
-490px
;}
#grid
div
.vert
{
width
:
39px
;
border
:
solid
darkturquoise
;
border-width
:
0
1px
;
margin-right
:
19px
;}
#grid
div
.vert.first-line
{
margin-left
:
19px
;}
#grid
div
.horiz
{
height
:
19px
;
border-bottom
:
1px
solid
rgba
(
255
,
0
,
0
,
0.1
);
margin
:
0
;
padding
:
0
;}
#grid
div
.horiz
:nth-child
(
5n
)
{
border-color
:
rgba
(
255
,
0
,
0
,
0.25
);}
div
.mini-layout
{
height
:
340px
;
margin-bottom
:
20px
;
padding
:
9px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.25
);
-moz-border-radius
:
6px
;
border-radius
:
6px
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.125
);
-moz-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.125
);}
div
.mini-layout
div
{
-moz-border-radius
:
3px
;
border-radius
:
3px
;}
div
.mini-layout
div
.mini-layout-body
{
background-color
:
rgba
(
141
,
192
,
219
,
0.25
);
margin
:
0
auto
;
width
:
450px
;
height
:
340px
;}
div
.mini-layout.fluid
div
.mini-layout-sidebar
,
div
.mini-layout.fluid
div
.mini-layout-header
,
div
.mini-layout.fluid
div
.mini-layout-body
{
float
:
left
;}
div
.mini-layout.fluid
div
.mini-layout-sidebar
{
background-color
:
rgba
(
141
,
192
,
219
,
0.5
);
width
:
90px
;
height
:
340px
;}
div
.mini-layout.fluid
div
.mini-layout-body
{
width
:
400px
;
margin-left
:
10px
;}
index.html
View file @
e89ba293
...
...
@@ -88,8 +88,8 @@
</div>
<div
class=
"span12 columns"
>
<h3>
1. Compiled CSS
</h3>
<p>
Use this option if you want all the styles of Baseline, but none of the extra power of LESS.
</p>
<pre
class=
"html"
>
<
link type="text/css" href="
css/baseline
.css" media="all" /
>
</pre>
<p>
Use this option if you want all the styles of Baseline
in a
<a
href=
"baseline-1.0.0.css"
>
compiled and minified stylesheet
</a>
, but none of the extra power of LESS.
</p>
<pre
class=
"html"
>
<
link type="text/css" href="
baseline-1.0.0
.css" media="all" /
>
</pre>
<h3>
2. Run with LESS.js
</h3>
<p>
Use this option to make full use of Baseline's LESS variables, mixins, and nesting in CSS.
</p>
<pre
class=
"html"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment