Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
masonstrap
Commits
54c78894
Commit
54c78894
authored
Sep 13, 2014
by
Thomas Park
Browse files
add logo to landing page
parent
9f7a95b8
Changes
4
Show whitespace changes
Inline
Side-by-side
assets/css/bootswatch.min.css
View file @
54c78894
body
{
padding-top
:
50px
}
#banner
{
min-height
:
300px
;
border-bottom
:
none
}
.page-header
h1
{
font-size
:
4em
}
.bs-docs-section
{
margin-top
:
8em
}
.bs-component
{
position
:
relative
}
.bs-component
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
left
:
auto
;
bottom
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-component
.modal-dialog
{
width
:
90%
}
.bs-component
.popover
{
position
:
relative
;
display
:
inline-block
;
width
:
220px
;
margin
:
20px
}
#source-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
100
;
font-weight
:
bold
}
.nav-tabs
{
margin-bottom
:
15px
}
.progress
{
margin-bottom
:
10px
}
footer
{
margin
:
5em
0
}
footer
li
{
float
:
left
;
margin-right
:
1.5em
;
margin-bottom
:
1.5em
}
footer
p
{
clear
:
left
;
margin-bottom
:
0
}
.splash
{
padding
:
4em
0
0
;
background-color
:
#141d27
;
color
:
#fff
;
text-align
:
center
}
.splash
h1
{
font-size
:
4em
}
.splash
#social
{
margin
:
2em
0
}
.splash
.alert
{
margin
:
2em
0
}
.section-tout
{
padding
:
4em
0
3em
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
background-color
:
#eaf1f1
}
.section-tout
.fa
{
margin-right
:
.5em
}
.section-tout
p
{
margin-bottom
:
3em
}
.section-preview
{
padding
:
4em
0
4em
}
.section-preview
.preview
{
margin-bottom
:
4em
;
background-color
:
#eaf1f1
}
.section-preview
.preview
.image
{
position
:
relative
}
.section-preview
.preview
.image
:before
{
box-shadow
:
inset
0
0
0
1px
rgba
(
0
,
0
,
0
,
0.1
);
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
content
:
""
;
pointer-events
:
none
}
.section-preview
.preview
.options
{
padding
:
1em
2em
2em
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
border-top
:
none
;
text-align
:
center
}
.section-preview
.preview
.options
p
{
margin-bottom
:
2em
}
.section-preview
.dropdown-menu
{
text-align
:
left
}
.section-preview
.lead
{
margin-bottom
:
2em
}
@media
(
max-width
:
767px
){
.section-preview
.image
img
{
width
:
100%
}}
.sponsor
{
text-align
:
center
}
.sponsor
a
:hover
{
text-decoration
:
none
}
@media
(
max-width
:
767px
){
#banner
{
margin-bottom
:
2em
;
text-align
:
center
}}
\ No newline at end of file
body
{
padding-top
:
50px
}
#banner
{
min-height
:
300px
;
border-bottom
:
none
}
.page-header
h1
{
font-size
:
4em
}
.bs-docs-section
{
margin-top
:
8em
}
.bs-component
{
position
:
relative
}
.bs-component
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
left
:
auto
;
bottom
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-component
.modal-dialog
{
width
:
90%
}
.bs-component
.popover
{
position
:
relative
;
display
:
inline-block
;
width
:
220px
;
margin
:
20px
}
#source-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
100
;
font-weight
:
bold
}
.nav-tabs
{
margin-bottom
:
15px
}
.progress
{
margin-bottom
:
10px
}
footer
{
margin
:
5em
0
}
footer
li
{
float
:
left
;
margin-right
:
1.5em
;
margin-bottom
:
1.5em
}
footer
p
{
clear
:
left
;
margin-bottom
:
0
}
.splash
{
padding
:
5em
0
0
;
background-color
:
#141d27
;
color
:
#fff
;
text-align
:
center
}
.splash
.logo
{
width
:
160px
}
.splash
h1
{
font-size
:
3em
}
.splash
#social
{
margin
:
2em
0
}
.splash
.alert
{
margin
:
2em
0
}
.section-tout
{
padding
:
4em
0
3em
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
background-color
:
#eaf1f1
}
.section-tout
.fa
{
margin-right
:
.5em
}
.section-tout
p
{
margin-bottom
:
3em
}
.section-preview
{
padding
:
4em
0
4em
}
.section-preview
.preview
{
margin-bottom
:
4em
;
background-color
:
#eaf1f1
}
.section-preview
.preview
.image
{
position
:
relative
}
.section-preview
.preview
.image
:before
{
box-shadow
:
inset
0
0
0
1px
rgba
(
0
,
0
,
0
,
0.1
);
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
content
:
""
;
pointer-events
:
none
}
.section-preview
.preview
.options
{
padding
:
1em
2em
2em
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.05
);
border-top
:
none
;
text-align
:
center
}
.section-preview
.preview
.options
p
{
margin-bottom
:
2em
}
.section-preview
.dropdown-menu
{
text-align
:
left
}
.section-preview
.lead
{
margin-bottom
:
2em
}
@media
(
max-width
:
767px
){
.section-preview
.image
img
{
width
:
100%
}}
.sponsor
{
text-align
:
center
}
.sponsor
a
:hover
{
text-decoration
:
none
}
@media
(
max-width
:
767px
){
.splash
{
padding-top
:
4em
}
.splash
.logo
{
width
:
100px
}
.splash
h1
{
font-size
:
2em
}
#banner
{
margin-bottom
:
2em
;
text-align
:
center
}}
\ No newline at end of file
assets/img/logo.png
0 → 100644
View file @
54c78894
13.1 KB
assets/less/bootswatch.less
View file @
54c78894
...
...
@@ -75,13 +75,17 @@ footer {
}
.splash {
padding:
4
em 0 0;
padding:
5
em 0 0;
background-color: #141d27;
color: #fff;
text-align: center;
.logo {
width: 160px;
}
h1 {
font-size:
4
em;
font-size:
3
em;
}
#social {
...
...
@@ -169,6 +173,19 @@ footer {
@media (max-width: 767px) {
.splash {
padding-top: 4em;
.logo {
width: 100px;
}
h1 {
font-size: 2em;
}
}
#banner {
margin-bottom: 2em;
text-align: center
...
...
index.html
View file @
54c78894
...
...
@@ -86,6 +86,7 @@
<div
class=
"row"
>
<div
class=
"col-lg-12"
>
<div><img
class=
"logo"
src=
"assets/img/logo.png"
></div>
<h1>
Free themes for Bootstrap
</h1>
<div
id=
"social"
>
<span>
...
...
@@ -93,7 +94,7 @@
<iframe
id=
"gh-star"
src=
"http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true"
allowtransparency=
"true"
frameborder=
"0"
scrolling=
"0"
width=
"110"
height=
"20"
></iframe>
</span>
<span>
<a
href=
"https://twitter.com/
B
ootswatch"
class=
"twitter-follow-button"
data-show-count=
"false"
data-show-screen-name=
"true"
>
Follow @
B
ootswatch
</a>
<a
href=
"https://twitter.com/
b
ootswatch"
class=
"twitter-follow-button"
data-show-count=
"false"
data-show-screen-name=
"true"
>
Follow @
b
ootswatch
</a>
<a
href=
"https://twitter.com/share"
class=
"twitter-share-button"
data-url=
"http://bootswatch.com"
data-via=
"bootswatch"
>
Tweet
</a>
</span>
</div>
...
...
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