Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
N
news
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
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
Sartika Aritonang
news
Commits
6bdf79c7
Commit
6bdf79c7
authored
4 years ago
by
Sartika Aritonang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Upload New File
parent
73d9448a
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
6 additions
and
0 deletions
+6
-0
grayscale.min.css
project/static/home_design/css/grayscale.min.css
+6
-0
No files found.
project/static/home_design/css/grayscale.min.css
0 → 100644
View file @
6bdf79c7
/*!
* Start Bootstrap - Grayscale v5.0.9 (https://startbootstrap.com/template-overviews/grayscale)
* Copyright 2013-2019 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
*/
#mainNav
{
min-height
:
56px
;
background-color
:
#fff
}
#mainNav
.navbar-toggler
{
font-size
:
80%
;
padding
:
.75rem
;
color
:
#64a19d
;
border
:
1px
solid
#64a19d
}
#mainNav
.navbar-toggler
:focus
{
outline
:
0
}
#mainNav
.navbar-brand
{
color
:
#161616
;
font-weight
:
700
;
padding
:
.9rem
0
}
#mainNav
.navbar-nav
.nav-item
:hover
{
color
:
fade
(
white
,
80%
);
outline
:
0
;
background-color
:
transparent
}
#mainNav
.navbar-nav
.nav-item
:active
,
#mainNav
.navbar-nav
.nav-item
:focus
{
outline
:
0
;
background-color
:
transparent
}
@media
(
min-width
:
992px
){
#mainNav
{
padding-top
:
0
;
padding-bottom
:
0
;
border-bottom
:
none
;
background-color
:
transparent
;
transition
:
background-color
.3s
ease-in-out
}
#mainNav
.navbar-brand
{
padding
:
.5rem
0
;
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#mainNav
.nav-link
{
transition
:
none
;
padding
:
2rem
1.5rem
;
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#mainNav
.nav-link
:hover
{
color
:
rgba
(
255
,
255
,
255
,
.75
)}
#mainNav
.nav-link
:active
{
color
:
#fff
}
#mainNav
.navbar-shrink
{
background-color
:
#fff
}
#mainNav
.navbar-shrink
.navbar-brand
{
color
:
#161616
}
#mainNav
.navbar-shrink
.nav-link
{
color
:
#161616
;
padding
:
1.5rem
1.5rem
1.25rem
;
border-bottom
:
.25rem
solid
transparent
}
#mainNav
.navbar-shrink
.nav-link
:hover
{
color
:
#64a19d
}
#mainNav
.navbar-shrink
.nav-link
:active
{
color
:
#467370
}
#mainNav
.navbar-shrink
.nav-link.active
{
color
:
#64a19d
;
outline
:
0
;
border-bottom
:
.25rem
solid
#64a19d
}}
.masthead
{
position
:
relative
;
width
:
100%
;
height
:
auto
;
min-height
:
35rem
;
padding
:
15rem
0
;
background
:
linear-gradient
(
to
bottom
,
rgba
(
22
,
22
,
22
,
.3
)
0
,
rgba
(
22
,
22
,
22
,
.7
)
75%
,
#161616
100%
),
url(../img/bg-masthead.jpg)
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-attachment
:
scroll
;
background-size
:
cover
}
.masthead
h1
{
font-family
:
'Varela Round'
;
font-size
:
2.5rem
;
line-height
:
2.5rem
;
letter-spacing
:
.8rem
;
background
:
-webkit-linear-gradient
(
rgba
(
255
,
255
,
255
,
.9
),
rgba
(
255
,
255
,
255
,
0
));
-webkit-text-fill-color
:
transparent
;
-webkit-background-clip
:
text
}
.masthead
h2
{
max-width
:
20rem
;
font-size
:
1rem
}
@media
(
min-width
:
768px
){
.masthead
h1
{
font-size
:
4rem
;
line-height
:
4rem
}}
@media
(
min-width
:
992px
){
.masthead
{
height
:
100vh
;
padding
:
0
}
.masthead
h1
{
font-size
:
6.5rem
;
line-height
:
6.5rem
;
letter-spacing
:
.8rem
}
.masthead
h2
{
max-width
:
30rem
;
font-size
:
1.25rem
}}
.btn
{
box-shadow
:
0
.1875rem
.1875rem
0
rgba
(
0
,
0
,
0
,
.1
)
!important
;
padding
:
1.25rem
2rem
;
font-family
:
'Varela Round'
;
font-size
:
80%
;
text-transform
:
uppercase
;
letter-spacing
:
.15rem
;
border
:
0
}
.btn-primary
{
background-color
:
#64a19d
}
.btn-primary
:hover
{
background-color
:
#4f837f
}
.btn-primary
:focus
{
background-color
:
#4f837f
;
color
:
#fff
}
.btn-primary
:active
{
background-color
:
#467370
!important
}
.about-section
{
padding-top
:
10rem
;
background
:
linear-gradient
(
to
bottom
,
#161616
0
,
rgba
(
22
,
22
,
22
,
.9
)
75%
,
rgba
(
22
,
22
,
22
,
.8
)
100%
)}
.about-section
p
{
margin-bottom
:
5rem
}
.projects-section
{
padding
:
10rem
0
}
.projects-section
.featured-text
{
padding
:
2rem
}
@media
(
min-width
:
992px
){
.projects-section
.featured-text
{
padding
:
0
0
0
2rem
;
border-left
:
.5rem
solid
#64a19d
}}
.projects-section
.project-text
{
padding
:
3rem
;
font-size
:
90%
}
@media
(
min-width
:
992px
){
.projects-section
.project-text
{
padding
:
5rem
}
.projects-section
.project-text
hr
{
border-color
:
#64a19d
;
border-width
:
.25rem
;
width
:
30%
}}
.signup-section
{
padding
:
10rem
0
;
background
:
linear-gradient
(
to
bottom
,
rgba
(
22
,
22
,
22
,
.1
)
0
,
rgba
(
22
,
22
,
22
,
.5
)
75%
,
#161616
100%
),
url(../img/bg-signup.jpg)
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-attachment
:
scroll
;
background-size
:
cover
}
.signup-section
.form-inline
input
{
box-shadow
:
0
.1875rem
.1875rem
0
rgba
(
0
,
0
,
0
,
.1
)
!important
;
padding
:
1.25rem
2rem
;
height
:
auto
;
font-family
:
'Varela Round'
;
font-size
:
80%
;
text-transform
:
uppercase
;
letter-spacing
:
.15rem
;
border
:
0
}
.contact-section
{
padding
:
5rem
0
0
}
.contact-section
.card
{
border
:
0
;
border-bottom
:
.25rem
solid
#64a19d
}
.contact-section
.card
h4
{
font-size
:
.8rem
;
font-family
:
'Varela Round'
;
text-transform
:
uppercase
;
letter-spacing
:
.15rem
}
.contact-section
.card
hr
{
border-color
:
#64a19d
;
border-width
:
.25rem
;
width
:
3rem
}
.contact-section
.social
{
margin-top
:
5rem
}
.contact-section
.social
a
{
text-align
:
center
;
height
:
3rem
;
width
:
3rem
;
background
:
rgba
(
255
,
255
,
255
,
.1
);
border-radius
:
100%
;
line-height
:
3rem
;
color
:
rgba
(
255
,
255
,
255
,
.3
)}
.contact-section
.social
a
:hover
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
.contact-section
.social
a
:active
{
color
:
#fff
}
body
{
font-family
:
Nunito
;
letter-spacing
:
.0625em
}
a
{
color
:
#64a19d
}
a
:focus
,
a
:hover
{
text-decoration
:
none
;
color
:
#3c6360
}
.bg-black
{
background-color
:
#161616
!important
}
.bg-primary
{
background-color
:
#64a19d
!important
}
.text-primary
{
color
:
#64a19d
!important
}
footer
{
padding
:
5rem
0
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
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