Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
Q
quasseldroid-landing
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Container registry
Model registry
Operate
Environments
Monitor
Incidents
Service Desk
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
Janne Mareike Koschinski
quasseldroid-landing
Commits
a853e5a5
Commit
a853e5a5
authored
7 years ago
by
Janne Mareike Koschinski
Browse files
Options
Downloads
Patches
Plain Diff
Added link to docs
parent
9c5faf06
No related branches found
No related tags found
No related merge requests found
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
index.html
+1
-1
1 addition, 1 deletion
index.html
index.pug
+2
-2
2 additions, 2 deletions
index.pug
with
3 additions
and
3 deletions
index.html
+
1
−
1
View file @
a853e5a5
...
@@ -14,7 +14,7 @@
...
@@ -14,7 +14,7 @@
src
:
local
(
'Lato Bold'
),
local
(
'Lato-Bold'
),
url(assets/fonts/Lato-Bold.ttf)
format
(
'ttf'
);
src
:
local
(
'Lato Bold'
),
local
(
'Lato-Bold'
),
url(assets/fonts/Lato-Bold.ttf)
format
(
'ttf'
);
}
</style><style>button
,
hr
,
input
{
overflow
:
visible
}
.ui.button
,
button
,
select
{
text-transform
:
none
}
audio
,
canvas
,
progress
,
video
{
display
:
inline-block
}
.ui.button
,
progress
,
sub
,
sup
{
vertical-align
:
baseline
}
::selection
,
body
{
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.button
,
.ui.divider
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
-webkit-tap-highlight-color
:
transparent
}
i
.icons
,
sub
,
sup
{
position
:
relative
}
.ui.button
,
.ui.divider
,
.ui.menu
.item
{
-webkit-tap-highlight-color
:
transparent
}
*,
:after
,
:before
{
-webkit-box-sizing
:
inherit
;
box-sizing
:
inherit
}
html
,
legend
{
-webkit-box-sizing
:
border-box
}
html
{
box-sizing
:
border-box
;
line-height
:
1.15
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
main
,
menu
,
nav
,
section
{
display
:
block
}
figure
{
margin
:
1em
40px
}
hr
{
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
a
{
background-color
:
transparent
;
-webkit-text-decoration-skip
:
objects
;
color
:
#4183C4
;
text-decoration
:
none
}
abbr
[
title
]
{
border-bottom
:
none
;
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
.ui.button
,
a
:hover
{
text-decoration
:
none
}
b
,
strong
{
font-weight
:
bolder
}
dfn
{
font-style
:
italic
}
mark
{
background-color
:
#ff0
;
color
:
#000
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
img
{
border-style
:
none
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
sans-serif
;
font-size
:
100%
;
line-height
:
1.15
;
margin
:
0
}
[
type
=
reset
],[
type
=
submit
],
button
,
html
[
type
=
button
]
{
-webkit-appearance
:
button
}
[
type
=
button
]
::-moz-focus-inner
,[
type
=
reset
]
::-moz-focus-inner
,[
type
=
submit
]
::-moz-focus-inner
,
button
::-moz-focus-inner
{
border-style
:
none
;
padding
:
0
}
[
type
=
button
]
:-moz-focusring
,[
type
=
reset
]
:-moz-focusring
,[
type
=
submit
]
:-moz-focusring
,
button
:-moz-focusring
{
outline
:
ButtonText
dotted
1px
}
fieldset
{
padding
:
.35em
.75em
.625em
}
legend
{
box-sizing
:
border-box
;
color
:
inherit
;
display
:
table
;
max-width
:
100%
;
padding
:
0
;
white-space
:
normal
}
textarea
{
overflow
:
auto
}
[
type
=
checkbox
],[
type
=
radio
]
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
}
[
type
=
number
]
::-webkit-inner-spin-button
,[
type
=
number
]
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
[
type
=
search
]
::-webkit-search-cancel-button
,[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
body
,
html
{
font-size
:
14px
}
body
,
p
{
line-height
:
1.4285em
}
.ui.button
,
.ui.header
,
.ui.text.container
,
body
,
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
Lato
,
'Helvetica Neue'
,
Arial
,
Helvetica
,
sans-serif
}
.ui.button
,
i
.icon
{
font-style
:
normal
}
body
,
i
.icon
{
font-smoothing
:
antialiased
}
summary
{
display
:
list-item
}
[
hidden
],
template
{
display
:
none
}
body
,
html
{
height
:
100%
}
body
{
margin
:
0
;
padding
:
0
;
overflow-x
:
hidden
;
min-width
:
320px
;
background
:
#FFF
}
h1
,
h2
,
h3
,
h4
,
h5
{
line-height
:
1.28571429em
;
margin
:
calc
(
2rem
-
.14285714em
)
0
1rem
;
font-weight
:
700
;
padding
:
0
}
h1
{
min-height
:
1rem
;
font-size
:
2rem
}
h2
{
font-size
:
1.71428571rem
}
h3
{
font-size
:
1.28571429rem
}
h4
{
font-size
:
1.07142857rem
}
h5
{
font-size
:
1rem
}
h1
:first-child
,
h2
:first-child
,
h3
:first-child
,
h4
:first-child
,
h5
:first-child
,
p
:first-child
{
margin-top
:
0
}
h1
:last-child
,
h2
:last-child
,
h3
:last-child
,
h4
:last-child
,
h5
:last-child
,
p
:last-child
{
margin-bottom
:
0
}
p
{
margin
:
0
0
1em
}
a
:hover
{
color
:
#1e70bf
}
::-webkit-selection
{
background-color
:
#CCE2FF
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
::-moz-selection
{
background-color
:
#CCE2FF
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
::selection
{
background-color
:
#CCE2FF
}
input
::-webkit-selection
,
textarea
::-webkit-selection
{
background-color
:
rgba
(
100
,
100
,
100
,
.4
);
color
:
rgba
(
0
,
0
,
0
,
.87
)}
input
::-moz-selection
,
textarea
::-moz-selection
{
background-color
:
rgba
(
100
,
100
,
100
,
.4
);
color
:
rgba
(
0
,
0
,
0
,
.87
)}
input
::selection
,
textarea
::selection
{
background-color
:
rgba
(
100
,
100
,
100
,
.4
);
color
:
rgba
(
0
,
0
,
0
,
.87
)}
body
::-webkit-scrollbar
{
-webkit-appearance
:
none
;
width
:
10px
}
body
::-webkit-scrollbar-track
{
background
:
rgba
(
0
,
0
,
0
,
.1
);
border-radius
:
0
}
body
::-webkit-scrollbar-thumb
{
cursor
:
pointer
;
border-radius
:
5px
;
background
:
rgba
(
0
,
0
,
0
,
.25
);
-webkit-transition
:
color
.2s
ease
;
transition
:
color
.2s
ease
}
body
::-webkit-scrollbar-thumb:window-inactive
{
background
:
rgba
(
0
,
0
,
0
,
.15
)}
body
::-webkit-scrollbar-thumb:hover
{
background
:
rgba
(
128
,
135
,
139
,
.8
)}
body
.ui.inverted
::-webkit-scrollbar-track
{
background
:
rgba
(
255
,
255
,
255
,
.1
)}
body
.ui.inverted
::-webkit-scrollbar-thumb
{
background
:
rgba
(
255
,
255
,
255
,
.25
)}
body
.ui.inverted
::-webkit-scrollbar-thumb:window-inactive
{
background
:
rgba
(
255
,
255
,
255
,
.15
)}
body
.ui.inverted
::-webkit-scrollbar-thumb:hover
{
background
:
rgba
(
255
,
255
,
255
,
.35
)}
.ui.button
{
cursor
:
pointer
;
display
:
inline-block
;
min-height
:
1em
;
outline
:
0
;
border
:
none
;
background
:
#E0E1E2
;
color
:
rgba
(
0
,
0
,
0
,
.6
);
margin
:
0
.25em
0
0
;
padding
:
.78571429em
1.5em
;
text-shadow
:
none
;
font-weight
:
700
;
line-height
:
1em
;
text-align
:
center
;
border-radius
:
.28571429rem
;
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
user-select
:
none
;
-webkit-transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
background
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
background
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
box-shadow
.1s
ease
,
background
.1s
ease
;
transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
box-shadow
.1s
ease
,
background
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
will-change
:
''
}
.ui.button
:focus
,
.ui.button
:hover
{
background-color
:
#CACBCD
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.ui.button
:hover
{
background-image
:
none
;
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.button
:hover
.icon
{
opacity
:
.85
}
.ui.button
:focus
{
background-image
:
''
!important
;
-webkit-box-shadow
:
''
!important
;
box-shadow
:
''
!important
}
.ui.button
:focus
.icon
{
opacity
:
.85
}
.ui.active.button
:active
,
.ui.button
:active
{
background-color
:
#BABBBC
;
background-image
:
''
;
color
:
rgba
(
0
,
0
,
0
,
.9
);
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
,
none
;
box-shadow
:
0
0
0
1px
transparent
inset
,
none
}
.ui.active.button
,
.ui.active.button
:hover
{
color
:
rgba
(
0
,
0
,
0
,
.95
);
background-color
:
#C0C1C2
;
background-image
:
none
}
.ui.active.button
{
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
;
box-shadow
:
0
0
0
1px
transparent
inset
}
.ui.active.button
:active
{
background-color
:
#C0C1C2
;
background-image
:
none
}
.ui.button
:disabled
,
.ui.buttons
.disabled.button
,
.ui.disabled.active.button
,
.ui.disabled.button
,
.ui.disabled.button
:hover
{
cursor
:
default
;
opacity
:
.45
!important
;
background-image
:
none
!important
;
-webkit-box-shadow
:
none
!important
;
box-shadow
:
none
!important
;
pointer-events
:
none
!important
}
.ui.basic.buttons
.ui.disabled.button
{
border-color
:
rgba
(
34
,
36
,
38
,
.5
)}
.ui.basic.button
,
.ui.basic.buttons
.button
{
background
:
0
0
!important
;
color
:
rgba
(
0
,
0
,
0
,
.6
)
!important
;
font-weight
:
400
;
border-radius
:
.28571429rem
;
text-transform
:
none
;
text-shadow
:
none
!important
;
-webkit-box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.basic.buttons
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
border-radius
:
.28571429rem
}
.ui.basic.buttons
.button
{
border-radius
:
0
}
.ui.basic.button
:focus
,
.ui.basic.button
:hover
,
.ui.basic.buttons
.button
:focus
,
.ui.basic.buttons
.button
:hover
{
background
:
#FFF
!important
;
color
:
rgba
(
0
,
0
,
0
,
.8
)
!important
;
-webkit-box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.basic.button
:active
,
.ui.basic.buttons
.button
:active
{
background
:
#F8F8F8
!important
;
color
:
rgba
(
0
,
0
,
0
,
.9
)
!important
;
-webkit-box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.basic.active.button
,
.ui.basic.buttons
.active.button
{
background
:
rgba
(
0
,
0
,
0
,
.05
)
!important
;
-webkit-box-shadow
:
''
!important
;
box-shadow
:
''
!important
;
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.basic.active.button
:hover
,
.ui.basic.buttons
.active.button
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.05
)}
.ui.basic.buttons
.button
:hover
{
-webkit-box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
;
box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
}
.ui.basic.buttons
.button
:active
{
-webkit-box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
;
box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
}
.ui.basic.buttons
.active.button
{
-webkit-box-shadow
:
''
!important
;
box-shadow
:
''
!important
}
.ui.basic.inverted.button
,
.ui.basic.inverted.buttons
.button
{
background-color
:
transparent
!important
;
color
:
#F9FAFB
!important
;
-webkit-box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.5
)
inset
!important
;
box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.5
)
inset
!important
}
.ui.basic.inverted.button
:focus
,
.ui.basic.inverted.button
:hover
,
.ui.basic.inverted.buttons
.button
:focus
,
.ui.basic.inverted.buttons
.button
:hover
{
color
:
#FFF
!important
;
-webkit-box-shadow
:
0
0
0
2px
#fff
inset
!important
;
box-shadow
:
0
0
0
2px
#fff
inset
!important
}
.ui.basic.inverted.button
:active
,
.ui.basic.inverted.buttons
.button
:active
{
background-color
:
rgba
(
255
,
255
,
255
,
.08
)
!important
;
color
:
#FFF
!important
;
-webkit-box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.9
)
inset
!important
;
box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.9
)
inset
!important
}
.ui.basic.inverted.active.button
,
.ui.basic.inverted.buttons
.active.button
{
background-color
:
rgba
(
255
,
255
,
255
,
.08
);
color
:
#FFF
;
text-shadow
:
none
;
-webkit-box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.7
)
inset
;
box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.7
)
inset
}
.ui.basic.inverted.active.button
:hover
,
.ui.basic.inverted.buttons
.active.button
:hover
{
background-color
:
rgba
(
255
,
255
,
255
,
.15
);
-webkit-box-shadow
:
0
0
0
2px
#fff
inset
!important
;
box-shadow
:
0
0
0
2px
#fff
inset
!important
}
.ui.inverted.button
{
-webkit-box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
background
:
0
0
;
color
:
#FFF
;
text-shadow
:
none
!important
}
.ui.inverted.buttons
.button
{
margin
:
0
0
0
-2px
}
.ui.inverted.buttons
.button
:first-child
{
margin-left
:
0
}
.ui.inverted.vertical.buttons
.button
{
margin
:
0
0
-2px
}
.ui.inverted.vertical.buttons
.button
:first-child
{
margin-top
:
0
}
.ui.button
:not
(
.icon
)>
.icon
:not
(
.button
)
:not
(
.dropdown
),
.ui.button
>
.icon
:not
(
.button
)
{
margin
:
0
.42857143em
0
-.21428571em
}
.ui.inverted.button.active
,
.ui.inverted.button
:focus
,
.ui.inverted.button
:hover
{
background
:
#FFF
;
-webkit-box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.ui.inverted.button.active
:focus
{
background
:
#DCDDDE
;
-webkit-box-shadow
:
0
0
0
2px
#DCDDDE
inset
!important
;
box-shadow
:
0
0
0
2px
#DCDDDE
inset
!important
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.ui.button
>
.icon
:not
(
.button
)
{
height
:
.85714286em
;
opacity
:
.8
;
-webkit-transition
:
opacity
.1s
ease
;
transition
:
opacity
.1s
ease
;
vertical-align
:
''
;
color
:
''
}
.ui.button
:not
(
.icon
)>
.right.icon
:not
(
.button
)
:not
(
.dropdown
)
{
margin
:
0
-.21428571em
0
.42857143em
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1.42857143rem
}
.ui.container
{
display
:
block
;
max-width
:
100%
!important
}
@media
only
screen
and
(
max-width
:
767px
){
.ui.container
,
.ui.grid.container
,
.ui.relaxed.grid.container
,
.ui.very.relaxed.grid.container
{
width
:
auto
!important
}
.ui.container
{
margin-left
:
1em
!important
;
margin-right
:
1em
!important
}}
@media
only
screen
and
(
min-width
:
768px
)
and
(
max-width
:
991px
){
.ui.container
{
width
:
723px
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
}
.ui.grid.container
{
width
:
calc
(
723px
2rem
)
!important
}
.ui.relaxed.grid.container
{
width
:
calc
(
723px
3rem
)
!important
}
.ui.very.relaxed.grid.container
{
width
:
calc
(
723px
5rem
)
!important
}}
@media
only
screen
and
(
min-width
:
992px
)
and
(
max-width
:
1199px
){
.ui.container
{
width
:
933px
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
}
.ui.grid.container
{
width
:
calc
(
933px
2rem
)
!important
}
.ui.relaxed.grid.container
{
width
:
calc
(
933px
3rem
)
!important
}
.ui.very.relaxed.grid.container
{
width
:
calc
(
933px
5rem
)
!important
}}
@media
only
screen
and
(
min-width
:
1200px
){
.ui.container
{
width
:
1127px
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
}
.ui.grid.container
{
width
:
calc
(
1127px
2rem
)
!important
}
.ui.relaxed.grid.container
{
width
:
calc
(
1127px
3rem
)
!important
}
.ui.very.relaxed.grid.container
{
width
:
calc
(
1127px
5rem
)
!important
}}
.ui.text.container
{
max-width
:
700px
!important
;
line-height
:
1.5
;
font-size
:
1.14285714rem
}
.ui.fluid.container
{
width
:
100%
}
.ui
[
class
*=
"left aligned"
]
.container
{
text-align
:
left
}
.ui
[
class
*=
"center aligned"
]
.container
{
text-align
:
center
}
.ui
[
class
*=
"right aligned"
]
.container
{
text-align
:
right
}
.ui.justified.container
{
text-align
:
justify
;
-webkit-hyphens
:
auto
;
-ms-hyphens
:
auto
;
hyphens
:
auto
}
.ui.divider
{
margin
:
1rem
0
;
line-height
:
1
;
height
:
0
;
font-weight
:
700
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
;
color
:
rgba
(
0
,
0
,
0
,
.85
);
user-select
:
none
;
font-size
:
1rem
}
.ui.divider
:not
(
.vertical
)
:not
(
.horizontal
)
{
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
.1
)}
.ui.grid
>
.column
.divider
,
.ui.grid
>
.row
>
.column
.divider
{
left
:
auto
}
.ui.divider
>
.icon
{
margin
:
0
;
font-size
:
1rem
;
height
:
1em
;
vertical-align
:
middle
}
.ui.hidden.divider
{
border-color
:
transparent
!important
}
.ui.hidden.divider
:after
,
.ui.hidden.divider
:before
{
display
:
none
}
.ui.divider.inverted
,
.ui.horizontal.inverted.divider
,
.ui.vertical.inverted.divider
{
color
:
#FFF
}
.ui.divider.inverted
,
.ui.divider.inverted
:after
,
.ui.divider.inverted
:before
{
border-top-color
:
rgba
(
34
,
36
,
38
,
.15
)
!important
;
border-left-color
:
rgba
(
34
,
36
,
38
,
.15
)
!important
;
border-bottom-color
:
rgba
(
255
,
255
,
255
,
.15
)
!important
;
border-right-color
:
rgba
(
255
,
255
,
255
,
.15
)
!important
}
.ui.section.divider
{
margin-top
:
2rem
;
margin-bottom
:
2rem
}
.ui.header
{
border
:
none
;
margin
:
calc
(
2rem
-
.14285714em
)
0
1rem
;
padding
:
0
;
font-weight
:
700
;
line-height
:
1.28571429em
;
text-transform
:
none
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.menu
,
.ui.menu
.item
,
i
.icon
{
font-weight
:
400
}
.ui.header
:first-child
{
margin-top
:
-.14285714em
}
.ui.header
:last-child
{
margin-bottom
:
0
}
.ui.header
.sub.header
{
display
:
block
;
font-weight
:
400
;
padding
:
0
;
margin
:
0
;
font-size
:
1rem
;
line-height
:
1.2em
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.inverted.header
{
color
:
#FFF
}
.ui.inverted.header
.sub.header
{
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.ui.header
>
.icon
{
display
:
table-cell
;
opacity
:
1
;
font-size
:
1.5em
;
padding-top
:
0
;
vertical-align
:
middle
}
.ui.header
.icon
:only-child
{
display
:
inline-block
;
padding
:
0
;
margin-right
:
.75rem
}
.ui.header
>
.icon
.content
,
.ui.header
>
.image
.content
,
.ui.header
>
img
.content
{
padding-left
:
.75rem
;
vertical-align
:
middle
}
.ui.header
>
.image
:not
(
.icon
),
.ui.header
>
img
{
display
:
inline-block
;
margin-top
:
.14285714em
;
width
:
2.5em
;
height
:
auto
;
vertical-align
:
middle
}
.ui.header
>
.image
:not
(
.icon
)
:only-child
,
.ui.header
>
img
:only-child
{
margin-right
:
.75rem
}
.ui.header
.content
{
display
:
inline-block
;
vertical-align
:
top
}
.ui.header
>
.icon
.content
{
display
:
table-cell
}
i
.icon
,
i
.icons
{
display
:
inline-block
}
.ui.header
.ui.label
{
font-size
:
''
;
margin-left
:
.5rem
;
vertical-align
:
middle
}
.ui.header
p
{
margin-top
:
0
}
h1
.ui.header
{
font-size
:
2rem
}
h2
.ui.header
{
font-size
:
1.71428571rem
}
h3
.ui.header
{
font-size
:
1.28571429rem
}
h4
.ui.header
{
font-size
:
1.07142857rem
}
h5
.ui.header
{
font-size
:
1rem
}
h1
.ui.header
.sub.header
,
h2
.ui.header
.sub.header
{
font-size
:
1.14285714rem
}
h3
.ui.header
.sub.header
,
h4
.ui.header
.sub.header
{
font-size
:
1rem
}
h5
.ui.header
.sub.header
{
font-size
:
.92857143rem
}
.ui.header
:not
(
h1
)
:not
(
h2
)
:not
(
h3
)
:not
(
h4
)
:not
(
h5
)
:not
(
h6
)
{
font-size
:
1.28571429em
}
@font-face
{
font-family
:
Icons
;
src
:
url(assets/fonts/icons.eot)
;
src
:
url(assets/fonts/icons.eot?#iefix)
format
(
'embedded-opentype'
),
url(assets/fonts/icons.woff2)
format
(
'woff2'
),
url(assets/fonts/icons.woff)
format
(
'woff'
),
url(assets/fonts/icons.ttf)
format
(
'truetype'
),
url(assets/fonts/icons.svg#icons)
format
(
'svg'
);
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-decoration
:
inherit
;
text-transform
:
none
}
i
.icon
{
opacity
:
1
;
margin
:
0
.25rem
0
0
;
width
:
1.18em
;
height
:
1em
;
font-family
:
Icons
;
text-decoration
:
inherit
;
text-align
:
center
;
speak
:
none
;
-moz-osx-font-smoothing
:
grayscale
;
-webkit-font-smoothing
:
antialiased
;
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
}
.ui.items
>
.item
>
.content
>
.header
,
.ui.menu
{
font-family
:
Lato
,
'Helvetica Neue'
,
Arial
,
Helvetica
,
sans-serif
}
i
.icon
:before
{
background
:
0
0
!important
}
i
.icon.loading
{
height
:
1em
;
line-height
:
1
;
-webkit-animation
:
icon-loading
2s
linear
infinite
;
animation
:
icon-loading
2s
linear
infinite
}
@-webkit-keyframes
icon-loading
{
from
{
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
)}
to
{
-webkit-transform
:
rotate
(
360deg
);
transform
:
rotate
(
360deg
)}}
@keyframes
icon-loading
{
from
{
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
)}
to
{
-webkit-transform
:
rotate
(
360deg
);
transform
:
rotate
(
360deg
)}}
i
.emphasized.icon
,
i
.icon.active
,
i
.icon.hover
{
opacity
:
1
!important
}
i
.disabled.icon
{
opacity
:
.45
!important
}
i
.fitted.icon
{
width
:
auto
;
margin
:
0
}
i
.link.icon
,
i
.link.icons
{
cursor
:
pointer
;
opacity
:
.8
;
-webkit-transition
:
opacity
.1s
ease
;
transition
:
opacity
.1s
ease
}
i
.link.icon
:hover
,
i
.link.icons
:hover
{
opacity
:
1
!important
}
i
.circular.icon
{
border-radius
:
500em
!important
;
line-height
:
1
!important
;
padding
:
.5em
!important
;
-webkit-box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
;
box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
;
width
:
2em
!important
;
height
:
2em
!important
}
i
.circular.inverted.icon
{
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
i
.flipped.icon
,
i
.horizontally.flipped.icon
{
-webkit-transform
:
scale
(
-1
,
1
);
transform
:
scale
(
-1
,
1
)}
i
.vertically.flipped.icon
{
-webkit-transform
:
scale
(
1
,
-1
);
transform
:
scale
(
1
,
-1
)}
i
.clockwise.rotated.icon
,
i
.right.rotated.icon
,
i
.rotated.icon
{
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
i
.counterclockwise.rotated.icon
,
i
.left.rotated.icon
{
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
i
.bordered.icon
{
line-height
:
1
;
vertical-align
:
baseline
;
width
:
2em
;
height
:
2em
;
padding
:
.5em
.41em
!important
;
-webkit-box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
;
box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
}
i
.big.icon
,
i
.big.icons
,
i
.huge.icon
,
i
.huge.icons
,
i
.large.icon
,
i
.large.icons
,
i
.massive.icon
,
i
.massive.icons
{
vertical-align
:
middle
;
line-height
:
1
}
i
.bordered.inverted.icon
{
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
i
.inverted.bordered.icon
,
i
.inverted.circular.icon
{
background-color
:
#1B1C1D
!important
;
color
:
#FFF
!important
}
.ui.inverted.segment
>
.ui.header
,
i
.inverted.icon
{
color
:
#FFF
}
i
.mini.icon
,
i
.mini.icons
{
line-height
:
1
;
font-size
:
.4em
}
i
.tiny.icon
,
i
.tiny.icons
{
line-height
:
1
;
font-size
:
.5em
}
i
.small.icon
,
i
.small.icons
{
line-height
:
1
;
font-size
:
.75em
}
i
.icon
,
i
.icons
{
font-size
:
1em
}
i
.large.icon
,
i
.large.icons
{
font-size
:
1.5em
}
i
.big.icon
,
i
.big.icons
{
font-size
:
2em
}
i
.huge.icon
,
i
.huge.icons
{
font-size
:
4em
}
i
.massive.icon
,
i
.massive.icons
{
font-size
:
8em
}
i
.icons
{
line-height
:
1
}
i
.icons
.icon
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
)
translateY
(
-50%
);
transform
:
translateX
(
-50%
)
translateY
(
-50%
);
margin
:
0
}
i
.icons
.icon
:first-child
{
position
:
static
;
width
:
auto
;
height
:
auto
;
vertical-align
:
top
;
-webkit-transform
:
none
;
transform
:
none
;
margin-right
:
.25rem
}
i
.icons
.corner.icon
{
top
:
auto
;
left
:
auto
;
right
:
0
;
bottom
:
0
;
-webkit-transform
:
none
;
transform
:
none
;
font-size
:
.45em
;
text-shadow
:
-1px
-1px
0
#FFF
,
1px
-1px
0
#FFF
,
-1px
1px
0
#FFF
,
1px
1px
0
#FFF
}
i
.icons
.top.right.corner.icon
{
top
:
0
;
left
:
auto
;
right
:
0
;
bottom
:
auto
}
i
.icons
.top.left.corner.icon
{
top
:
0
;
left
:
0
;
right
:
auto
;
bottom
:
auto
}
i
.icons
.bottom.left.corner.icon
{
top
:
auto
;
left
:
0
;
right
:
auto
;
bottom
:
0
}
i
.icons
.bottom.right.corner.icon
{
top
:
auto
;
left
:
auto
;
right
:
0
;
bottom
:
0
}
i
.icons
.inverted.corner.icon
{
text-shadow
:
-1px
-1px
0
#1B1C1D
,
1px
-1px
0
#1B1C1D
,
-1px
1px
0
#1B1C1D
,
1px
1px
0
#1B1C1D
}
i
.icon.github
:before
{
content
:
"\f09b"
}
i
.icon.download
:before
{
content
:
"\f019"
}
.ui.segment
{
position
:
relative
;
background
:
#FFF
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
margin
:
1rem
0
;
padding
:
1em
;
border-radius
:
.28571429rem
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segment
:first-child
{
margin-top
:
0
}
.ui.segment
:last-child
{
margin-bottom
:
0
}
.ui.vertical.segment
{
margin
:
0
;
padding-left
:
0
;
padding-right
:
0
;
background
:
none
;
border-radius
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
none
;
border-bottom
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.attached.segment
:not
(
.top
)
:not
(
.bottom
)>[
class
*=
"top attached"
]
.label
,
.ui
[
class
*=
"bottom attached"
]
.segment
>[
class
*=
"top attached"
]
.label
{
border-top-left-radius
:
0
;
border-top-right-radius
:
0
}
.ui.attached.segment
:not
(
.top
)
:not
(
.bottom
)>[
class
*=
"bottom attached"
]
.label
,
.ui
[
class
*=
"top attached"
]
.segment
>[
class
*=
"bottom attached"
]
.label
{
border-bottom-left-radius
:
0
;
border-bottom-right-radius
:
0
}
.ui.vertical.segment
:last-child
{
border-bottom
:
none
}
.ui.grid
>
.row
>
.ui.segment.column
,
.ui.grid
>
.ui.segment.column
,
.ui.page.grid.segment
{
padding-top
:
2em
;
padding-bottom
:
2em
}
.ui.grid.segment
{
margin
:
1rem
0
;
border-radius
:
.28571429rem
}
.ui.basic.table.segment
{
background
:
#FFF
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
)}
.ui
[
class
*=
"very basic"
]
.table.segment
{
padding
:
1em
}
.ui.piled.segment
,
.ui.piled.segments
{
margin
:
3em
0
;
-webkit-box-shadow
:
''
;
box-shadow
:
''
;
z-index
:
auto
}
.ui.piled.segment
:first-child
{
margin-top
:
0
}
.ui.piled.segment
:last-child
{
margin-bottom
:
0
}
.ui.piled.segment
:after
,
.ui.piled.segment
:before
,
.ui.piled.segments
:after
,
.ui.piled.segments
:before
{
background-color
:
#FFF
;
visibility
:
visible
;
content
:
''
;
display
:
block
;
height
:
100%
;
left
:
0
;
position
:
absolute
;
width
:
100%
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
''
;
box-shadow
:
''
}
.ui.piled.segment
:before
,
.ui.piled.segments
:before
{
-webkit-transform
:
rotate
(
-1.2deg
);
transform
:
rotate
(
-1.2deg
);
top
:
0
;
z-index
:
-2
}
.ui.piled.segment
:after
,
.ui.piled.segments
:after
{
-webkit-transform
:
rotate
(
1.2deg
);
transform
:
rotate
(
1.2deg
);
top
:
0
;
z-index
:
-1
}
.ui
[
class
*=
"top attached"
]
.piled.segment
{
margin-top
:
3em
;
margin-bottom
:
0
}
.ui.piled.segment
[
class
*=
"top attached"
]
:first-child
{
margin-top
:
0
}
.ui.piled.segment
[
class
*=
"bottom attached"
]
{
margin-top
:
0
;
margin-bottom
:
3em
}
.ui.piled.segment
[
class
*=
"bottom attached"
]
:last-child
{
margin-bottom
:
0
}
.ui.stacked.segment
{
padding-bottom
:
1.4em
}
.ui.stacked.segment
:after
,
.ui.stacked.segment
:before
,
.ui.stacked.segments
:after
,
.ui.stacked.segments
:before
{
content
:
''
;
position
:
absolute
;
bottom
:
-3px
;
left
:
0
;
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
background
:
rgba
(
0
,
0
,
0
,
.03
);
width
:
100%
;
height
:
6px
;
visibility
:
visible
}
.ui.stacked.segment
:before
,
.ui.stacked.segments
:before
{
display
:
none
}
.ui.tall.stacked.segment
:before
,
.ui.tall.stacked.segments
:before
{
display
:
block
;
bottom
:
0
}
.ui.stacked.inverted.segment
:after
,
.ui.stacked.inverted.segment
:before
,
.ui.stacked.inverted.segments
:after
,
.ui.stacked.inverted.segments
:before
{
background-color
:
rgba
(
0
,
0
,
0
,
.03
);
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.35
)}
.ui.padded.segment
{
padding
:
1.5em
}
.ui
[
class
*=
"very padded"
]
.segment
{
padding
:
3em
}
.ui.padded.segment.vertical.segment
,
.ui
[
class
*=
"very padded"
]
.vertical.segment
{
padding-left
:
0
;
padding-right
:
0
}
.ui.compact.segment
{
display
:
table
}
.ui.compact.segments
{
display
:
-webkit-inline-box
;
display
:
-ms-inline-flexbox
;
display
:
inline-flex
}
.ui.compact.segments
.segment
,
.ui.segments
.compact.segment
{
display
:
block
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
1
auto
;
flex
:
0
1
auto
}
.ui.circular.segment
{
display
:
table-cell
;
padding
:
2em
;
text-align
:
center
;
vertical-align
:
middle
;
border-radius
:
500em
}
.ui.raised.segment
,
.ui.raised.segments
{
-webkit-box-shadow
:
0
2px
4px
0
rgba
(
34
,
36
,
38
,
.12
),
0
2px
10px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
2px
4px
0
rgba
(
34
,
36
,
38
,
.12
),
0
2px
10px
0
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segments
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
position
:
relative
;
margin
:
1rem
0
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
border-radius
:
.28571429rem
}
.ui.segments
:first-child
{
margin-top
:
0
}
.ui.segments
:last-child
{
margin-bottom
:
0
}
.ui.segments
>
.segment
{
top
:
0
;
bottom
:
0
;
border-radius
:
0
;
margin
:
0
;
width
:
auto
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
none
;
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segments
:not
(
.horizontal
)>
.segment
:first-child
{
border-top
:
none
;
margin-top
:
0
;
bottom
:
0
;
margin-bottom
:
0
;
top
:
0
;
border-radius
:
.28571429rem
.28571429rem
0
0
}
.ui.segments
:not
(
.horizontal
)>
.segment
:last-child
{
top
:
0
;
bottom
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
border-radius
:
0
0
.28571429rem
.28571429rem
}
.ui.horizontal.segments
,
.ui.segments
:not
(
.horizontal
)>
.segment
:only-child
{
border-radius
:
.28571429rem
}
.ui.segments
>
.ui.segments
{
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
margin
:
1rem
}
.ui.segments
>
.segments
:first-child
{
border-top
:
none
}
.ui.segments
>
.segment
.segments
:not
(
.horizontal
)
{
margin-top
:
0
}
.ui.horizontal.segments
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
padding
:
0
;
background-color
:
#FFF
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
margin
:
1rem
0
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.menu
,
.ui.menu
:not
(
.vertical
)>
.menu
{
display
:
-webkit-box
;
display
:
-ms-flexbox
}
.ui.segments
>
.horizontal.segments
{
margin
:
0
;
background-color
:
transparent
;
border-radius
:
0
;
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.horizontal.segments
>
.segment
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
-ms-flex
:
1
1
0px
;
margin
:
0
;
min-width
:
0
;
background-color
:
transparent
;
border-radius
:
0
;
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-left
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segments
>
.horizontal.segments
:first-child
{
border-top
:
none
}
.ui.horizontal.segments
>
.segment
:first-child
{
border-left
:
none
}
.ui.disabled.segment
{
opacity
:
.45
;
color
:
rgba
(
40
,
40
,
40
,
.3
)}
.ui.inverted.segment
{
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.inverted.segment
,
.ui.primary.inverted.segment
{
background
:
#1B1C1D
;
color
:
rgba
(
255
,
255
,
255
,
.9
)}
.ui.inverted.segment
.segment
{
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.inverted.segment
.inverted.segment
{
color
:
rgba
(
255
,
255
,
255
,
.9
)}
.ui.inverted.attached.segment
{
border-color
:
#555
}
.ui.secondary.segment
{
background
:
#F3F4F5
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.secondary.inverted.segment
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
rgba
(
255
,
255
,
255
,
.2
)),
to
(
rgba
(
255
,
255
,
255
,
.2
)))
#4c4f52
;
background
:
-webkit-linear-gradient
(
rgba
(
255
,
255
,
255
,
.2
)
0
,
rgba
(
255
,
255
,
255
,
.2
)
100%
)
#4c4f52
;
background
:
linear-gradient
(
rgba
(
255
,
255
,
255
,
.2
)
0
,
rgba
(
255
,
255
,
255
,
.2
)
100%
)
#4c4f52
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.ui.tertiary.segment
{
background
:
#DCDDDE
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.tertiary.inverted.segment
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
rgba
(
255
,
255
,
255
,
.35
)),
to
(
rgba
(
255
,
255
,
255
,
.35
)))
#717579
;
background
:
-webkit-linear-gradient
(
rgba
(
255
,
255
,
255
,
.35
)
0
,
rgba
(
255
,
255
,
255
,
.35
)
100%
)
#717579
;
background
:
linear-gradient
(
rgba
(
255
,
255
,
255
,
.35
)
0
,
rgba
(
255
,
255
,
255
,
.35
)
100%
)
#717579
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.ui.attached.segment
{
top
:
0
;
bottom
:
0
;
border-radius
:
0
;
margin
:
0
-1px
;
width
:
calc
(
100%
2px
);
max-width
:
calc
(
100%
2px
);
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
1px
solid
#D4D4D5
}
.ui.attached
:not
(
.message
)
.ui.attached.segment
:not
(
.top
)
{
border-top
:
none
}
.ui
[
class
*=
"top attached"
]
.segment
{
bottom
:
0
;
margin-bottom
:
0
;
top
:
0
;
margin-top
:
1rem
;
border-radius
:
.28571429rem
.28571429rem
0
0
}
.ui.segment
[
class
*=
"top attached"
]
:first-child
{
margin-top
:
0
}
.ui.segment
[
class
*=
"bottom attached"
]
{
bottom
:
0
;
margin-top
:
0
;
top
:
0
;
margin-bottom
:
1rem
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
border-radius
:
0
0
.28571429rem
.28571429rem
}
.ui.segment
[
class
*=
"bottom attached"
]
:last-child
{
margin-bottom
:
0
}
.ui.mini.segment
,
.ui.mini.segments
.segment
{
font-size
:
.78571429rem
}
.ui.tiny.segment
,
.ui.tiny.segments
.segment
{
font-size
:
.85714286rem
}
.ui.small.segment
,
.ui.small.segments
.segment
{
font-size
:
.92857143rem
}
.ui.segment
,
.ui.segments
.segment
{
font-size
:
1rem
}
.ui.large.segment
,
.ui.large.segments
.segment
{
font-size
:
1.14285714rem
}
.ui.big.segment
,
.ui.big.segments
.segment
{
font-size
:
1.28571429rem
}
.ui.huge.segment
,
.ui.huge.segments
.segment
{
font-size
:
1.42857143rem
}
.ui.massive.segment
,
.ui.massive.segments
.segment
{
font-size
:
1.71428571rem
}
.ui.menu
{
display
:
flex
;
margin
:
1rem
0
;
background
:
#FFF
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
border-radius
:
.28571429rem
;
min-height
:
2.85714286em
}
.ui.menu
.item
>
p
:last-child
,
.ui.menu
:last-child
{
margin-bottom
:
0
}
.ui.menu
.item
>
p
:first-child
,
.ui.menu
:first-child
{
margin-top
:
0
}
.ui.menu
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
clear
:
both
;
visibility
:
hidden
}
.ui.menu
.menu
{
margin
:
0
}
.ui.menu
:not
(
.vertical
)>
.menu
{
display
:
flex
}
.ui.menu
:not
(
.vertical
)
.item
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.ui.menu
.item
{
position
:
relative
;
vertical-align
:
middle
;
line-height
:
1
;
text-decoration
:
none
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
background
:
0
0
;
padding
:
.92857143em
1.14285714em
;
text-transform
:
none
;
color
:
rgba
(
0
,
0
,
0
,
.87
);
-webkit-transition
:
background
.1s
ease
,
color
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
background
.1s
ease
,
color
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
background
.1s
ease
,
box-shadow
.1s
ease
,
color
.1s
ease
;
transition
:
background
.1s
ease
,
box-shadow
.1s
ease
,
color
.1s
ease
,
-webkit-box-shadow
.1s
ease
}
.ui.menu
>
.item
:first-child
{
border-radius
:
.28571429rem
0
0
.28571429rem
}
.ui.menu
.item
:before
{
position
:
absolute
;
content
:
''
;
top
:
0
;
right
:
0
;
height
:
100%
;
width
:
1px
;
background
:
rgba
(
34
,
36
,
38
,
.1
)}
.ui.item.menu
.dropdown
.menu
.item
,
.ui.menu
.item
>
.input
{
width
:
100%
}
.ui.menu
.item
>
a
:not
(
.ui
),
.ui.menu
.item
>
p
:only-child
,
.ui.menu
.text.item
>*
{
-webkit-user-select
:
text
;
-moz-user-select
:
text
;
-ms-user-select
:
text
;
user-select
:
text
;
line-height
:
1.3
}
.ui.menu
.item
>
i
.icon
{
opacity
:
.9
;
float
:
none
;
margin
:
0
.35714286em
0
0
}
.ui.menu
:not
(
.vertical
)
.item
>
.button
,
.ui.menu
:not
(
.vertical
)
.item
>
.input
{
margin
:
-.5em
0
;
top
:
0
;
position
:
relative
}
.ui.menu
:not
(
.vertical
)
.item
>
.button
{
padding-bottom
:
.78571429em
;
padding-top
:
.78571429em
;
font-size
:
1em
}
.ui.menu
>
.container
,
.ui.menu
>
.grid
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
inherit
;
-ms-flex-align
:
inherit
;
align-items
:
inherit
;
-webkit-box-orient
:
inherit
;
-webkit-box-direction
:
inherit
;
-ms-flex-direction
:
inherit
;
flex-direction
:
inherit
}
.ui.menu
.item
>
.input
input
{
font-size
:
1em
;
padding-top
:
.57142857em
;
padding-bottom
:
.57142857em
}
.ui.menu
.header.item
,
.ui.vertical.menu
.header.item
{
margin
:
0
;
background
:
0
0
;
text-transform
:
normal
;
font-weight
:
700
}
.ui.vertical.menu
.item
>
.header
:not
(
.ui
)
{
margin
:
0
0
.5em
;
font-size
:
1em
;
font-weight
:
700
}
.ui.menu
.item
>
i
.dropdown.icon
{
padding
:
0
;
float
:
right
;
margin
:
0
0
0
1em
}
.ui.menu
.dropdown.item
.menu
{
min-width
:
calc
(
100%
-
1px
);
border-radius
:
0
0
.28571429rem
.28571429rem
;
background
:
#FFF
;
margin
:
0
;
-webkit-box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
-webkit-box-orient
:
vertical
!important
;
-webkit-box-direction
:
normal
!important
;
-ms-flex-direction
:
column
!important
;
flex-direction
:
column
!important
}
.ui.menu
.ui.dropdown
.menu
>
.item
{
margin
:
0
;
text-align
:
left
;
font-size
:
1em
!important
;
padding
:
.78571429em
1.14285714em
!important
;
background
:
0
0
!important
;
color
:
rgba
(
0
,
0
,
0
,
.87
)
!important
;
text-transform
:
none
!important
;
font-weight
:
400
!important
;
-webkit-box-shadow
:
none
!important
;
box-shadow
:
none
!important
;
-webkit-transition
:
none
!important
;
transition
:
none
!important
}
.ui.menu
.item
>
.floating.label
,
.ui.menu
.item
>
.label
{
padding
:
.3em
.78571429em
}
.ui.menu
.ui.dropdown
.menu
>
.item
:hover
,
.ui.menu
.ui.dropdown
.menu
>
.selected.item
{
background
:
rgba
(
0
,
0
,
0
,
.05
)
!important
;
color
:
rgba
(
0
,
0
,
0
,
.95
)
!important
}
.ui.menu
.ui.dropdown
.menu
>
.active.item
{
background
:
rgba
(
0
,
0
,
0
,
.03
)
!important
;
font-weight
:
700
!important
;
color
:
rgba
(
0
,
0
,
0
,
.95
)
!important
}
.ui.menu
.ui.dropdown.item
.menu
.item
:not
(
.filtered
)
{
display
:
block
}
.ui.menu
.ui.dropdown
.menu
>
.item
.icon
:not
(
.dropdown
)
{
display
:
inline-block
;
font-size
:
1em
!important
;
float
:
none
;
margin
:
0
.75em
0
0
}
.ui.secondary.menu
.dropdown.item
>
.menu
,
.ui.text.menu
.dropdown.item
>
.menu
{
border-radius
:
.28571429rem
;
margin-top
:
.35714286em
}
.ui.menu
.pointing.dropdown.item
.menu
{
margin-top
:
.75em
}
.ui.inverted.menu
.search.dropdown.item
>
.search
,
.ui.inverted.menu
.search.dropdown.item
>
.text
{
color
:
rgba
(
255
,
255
,
255
,
.9
)}
.ui.vertical.menu
.dropdown.item
>
.icon
{
float
:
right
;
content
:
"\f0da"
;
margin-left
:
1em
}
.ui.items
>
.item
.extra
:after
,
.ui.items
>
.item
:after
,
.ui.items
>
.item
>
.content
:after
{
content
:
' '
;
clear
:
both
;
overflow
:
hidden
;
visibility
:
hidden
}
.ui.vertical.menu
.dropdown.item
.menu
{
left
:
100%
;
min-width
:
0
;
margin
:
0
;
-webkit-box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
0
.28571429rem
.28571429rem
}
.ui.vertical.menu
.dropdown.item.upward
.menu
{
bottom
:
0
}
.ui.vertical.menu
.dropdown.item
:not
(
.upward
)
.menu
{
top
:
0
}
.ui.vertical.menu
.active.dropdown.item
{
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
}
.ui.vertical.menu
.dropdown.active.item
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.menu
.item
>
.label
{
background
:
#999
;
color
:
#FFF
;
margin-left
:
1em
}
.ui.vertical.menu
.item
>
.label
{
background
:
#999
;
color
:
#FFF
;
margin-top
:
-.15em
;
margin-bottom
:
-.15em
;
padding
:
.3em
.78571429em
}
.ui.menu
.item
>
img
:not
(
.ui
)
{
display
:
inline-block
;
vertical-align
:
middle
;
margin
:
-.3em
0
;
width
:
2.5em
}
.ui.vertical.menu
.item
>
img
:not
(
.ui
)
:only-child
{
display
:
block
;
max-width
:
100%
;
width
:
auto
}
.ui.vertical.sidebar.menu
>
.item
:first-child:before
{
display
:
block
!important
}
.ui.vertical.sidebar.menu
>
.item
::before
{
top
:
auto
;
bottom
:
0
}
@media
only
screen
and
(
max-width
:
767px
){
.ui.menu
>
.ui.container
{
width
:
100%
!important
;
margin-left
:
0
!important
;
margin-right
:
0
!important
}}
@media
only
screen
and
(
min-width
:
768px
){
.ui.menu
:not
(
.secondary
)
:not
(
.text
)
:not
(
.tabular
)
:not
(
.borderless
)>
.container
>
.item
:not
(
.right
)
:not
(
.borderless
)
:first-child
{
border-left
:
1px
solid
rgba
(
34
,
36
,
38
,
.1
)}}
.ui.link.menu
.item
:hover
,
.ui.menu
.dropdown.item
:hover
,
.ui.menu
.link.item
:hover
,
.ui.menu
a
.item
:hover
{
cursor
:
pointer
;
background
:
rgba
(
0
,
0
,
0
,
.03
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.link.menu
.item
:active
,
.ui.menu
.link.item
:active
,
.ui.menu
a
.item
:active
{
background
:
rgba
(
0
,
0
,
0
,
.03
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.menu
.active.item
{
background
:
rgba
(
0
,
0
,
0
,
.05
);
color
:
rgba
(
0
,
0
,
0
,
.95
);
font-weight
:
400
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.menu
.active.item
>
i
.icon
{
opacity
:
1
}
.ui.menu
.active.item
:hover
,
.ui.vertical.menu
.active.item
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.05
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.menu
.item.disabled
,
.ui.menu
.item.disabled
:hover
{
cursor
:
default
;
background-color
:
transparent
!important
;
color
:
rgba
(
40
,
40
,
40
,
.3
)}
.ui.items
a
.item
:hover
,
.ui.items
>
.item
a
,
.ui.link.items
>
.item
:hover
{
cursor
:
pointer
}
.ui.menu
:not
(
.vertical
)
.right.item
,
.ui.menu
:not
(
.vertical
)
.right.menu
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin-left
:
auto
!important
}
.ui.secondary.menu
{
background
:
0
0
;
margin-left
:
-.35714286em
;
margin-right
:
-.35714286em
;
border-radius
:
0
;
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.secondary.menu
.item
{
-ms-flex-item-align
:
center
;
align-self
:
center
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
none
;
padding
:
.78571429em
.92857143em
;
margin
:
0
.35714286em
;
background
:
0
0
;
-webkit-transition
:
color
.1s
ease
;
transition
:
color
.1s
ease
;
border-radius
:
.28571429rem
}
.ui.secondary.menu
.item
:before
{
display
:
none
!important
}
.ui.secondary.menu
.header.item
{
border-radius
:
0
;
border-right
:
none
;
background
:
none
}
.ui.secondary.menu
.active.item
,
.ui.secondary.menu
.active.item
:hover
,
.ui.secondary.menu
.dropdown.item
:hover
,
.ui.secondary.menu
.link.item
:hover
,
.ui.secondary.menu
a
.item
:hover
{
background
:
rgba
(
0
,
0
,
0
,
.05
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.secondary.menu
.item
>
img
:not
(
.ui
)
{
margin
:
0
}
.ui.secondary.menu
.active.item
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-radius
:
.28571429rem
}
.ui.secondary.menu
.active.item
:hover
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.secondary.inverted.menu
.link.item
,
.ui.secondary.inverted.menu
a
.item
{
color
:
rgba
(
255
,
255
,
255
,
.7
)
!important
}
.ui.secondary.inverted.menu
.dropdown.item
:hover
,
.ui.secondary.inverted.menu
.link.item
:hover
,
.ui.secondary.inverted.menu
a
.item
:hover
{
background
:
rgba
(
255
,
255
,
255
,
.08
);
color
:
#fff
!important
}
.ui.secondary.inverted.menu
.active.item
{
background
:
rgba
(
255
,
255
,
255
,
.15
);
color
:
#fff
!important
}
.ui.secondary.item.menu
{
margin-left
:
0
;
margin-right
:
0
}
.ui.secondary.item.menu
.item
:last-child
{
margin-right
:
0
}
.ui.secondary.attached.menu
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.items
>
.item
,
.ui.items
>
.item
>
.content
{
-webkit-box-shadow
:
none
;
padding
:
0
;
background
:
0
0
}
.ui.vertical.secondary.menu
.item
:not
(
.dropdown
)>
.menu
{
margin
:
0
-.92857143em
}
.ui.vertical.secondary.menu
.item
:not
(
.dropdown
)>
.menu
>
.item
{
margin
:
0
;
padding
:
.5em
1.33333333em
}
.ui.secondary.vertical.menu
>
.item
{
border
:
none
;
margin
:
0
0
.35714286em
;
border-radius
:
.28571429rem
!important
}
.ui.secondary.vertical.menu
>
.header.item
{
border-radius
:
0
}
.ui.secondary.inverted.menu
,
.ui.vertical.secondary.menu
.item
>
.menu
.item
{
background-color
:
transparent
}
.ui.menu
{
font-size
:
1rem
}
.ui.large.menu
{
font-size
:
1.07142857rem
}
.ui.items
>
.item
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin
:
1em
0
;
width
:
100%
;
min-height
:
0
;
border
:
none
;
border-radius
:
0
;
box-shadow
:
none
;
-webkit-transition
:
-webkit-box-shadow
.1s
ease
;
transition
:
-webkit-box-shadow
.1s
ease
;
transition
:
box-shadow
.1s
ease
;
transition
:
box-shadow
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
z-index
:
''
}
.ui.items
{
margin
:
1.5em
0
}
.ui.items
:first-child
{
margin-top
:
0
!important
}
.ui.items
:last-child
{
margin-bottom
:
0
!important
}
.ui.items
>
.item
:after
{
display
:
block
;
height
:
0
}
.ui.items
>
.item
:first-child
{
margin-top
:
0
}
.ui.items
>
.item
:last-child
{
margin-bottom
:
0
}
.ui.items
>
.item
>
.image
{
position
:
relative
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
display
:
block
;
float
:
none
;
margin
:
0
;
padding
:
0
;
max-height
:
''
;
-ms-flex-item-align
:
top
;
align-self
:
top
}
.ui.items
>
.item
>
.image
>
img
{
display
:
block
;
width
:
100%
;
height
:
auto
;
border-radius
:
.125rem
;
border
:
none
}
.ui.items
>
.item
>
.image
:only-child
>
img
{
border-radius
:
0
}
.ui.items
>
.item
>
.content
{
display
:
block
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
;
box-shadow
:
none
;
font-size
:
1em
;
border
:
none
;
border-radius
:
0
}
.ui.items
>
.item
>
.content
:after
{
display
:
block
;
height
:
0
}
.ui.items
>
.item
>
.image
.content
{
min-width
:
0
;
width
:
auto
;
display
:
block
;
margin-left
:
0
;
-ms-flex-item-align
:
top
;
align-self
:
top
;
padding-left
:
1.5em
}
.ui.items
>
.item
>
.content
>
.header
{
display
:
inline-block
;
margin
:
-.21425em
0
0
;
font-weight
:
700
;
color
:
rgba
(
0
,
0
,
0
,
.85
)}
.ui.items
>
.item
>
.content
>
.header
:not
(
.ui
)
{
font-size
:
1.28571429em
}
.ui.items
>
.item
[
class
*=
"left floated"
]
{
float
:
left
}
.ui.items
>
.item
[
class
*=
"right floated"
]
{
float
:
right
}
.ui.items
>
.item
.content
img
{
-ms-flex-item-align
:
middle
;
align-self
:
middle
;
width
:
''
}
.ui.items
>
.item
.avatar
img
,
.ui.items
>
.item
img
.avatar
{
width
:
''
;
height
:
''
;
border-radius
:
500rem
}
.ui.items
>
.item
>
.content
>
.description
{
margin-top
:
.6em
;
max-width
:
auto
;
font-size
:
1em
;
line-height
:
1.4285em
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.items
>
.item
>
.content
p
{
margin
:
0
0
.5em
}
.ui.items
>
.item
>
.content
p
:last-child
{
margin-bottom
:
0
}
.ui.items
>
.item
.meta
{
margin
:
.5em
0
;
font-size
:
1em
;
line-height
:
1em
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.items
>
.item
>
.content
a
:not
(
.ui
),
.ui.items
>
.item
>
.content
a
:not
(
.ui
)
:hover
{
color
:
''
}
.ui.items
>
.item
.meta
*
{
margin-right
:
.3em
}
.ui.items
>
.item
.meta
:last-child
{
margin-right
:
0
}
.ui.items
>
.item
.meta
[
class
*=
"right floated"
]
{
margin-right
:
0
;
margin-left
:
.3em
}
.ui.items
>
.item
>
.content
a
:not
(
.ui
)
{
-webkit-transition
:
color
.1s
ease
;
transition
:
color
.1s
ease
}
.ui.items
>
.item
>
.content
>
a
.header
{
color
:
rgba
(
0
,
0
,
0
,
.85
)}
.ui.items
>
.item
>
.content
>
a
.header
:hover
{
color
:
#1e70bf
}
.ui.items
>
.item
.meta
>
a
:not
(
.ui
)
{
color
:
rgba
(
0
,
0
,
0
,
.4
)}
.ui.items
>
.item
.meta
>
a
:not
(
.ui
)
:hover
{
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.items
>
.item
.extra
{
display
:
block
;
position
:
relative
;
background
:
0
0
;
margin
:
.5rem
0
0
;
width
:
100%
;
padding
:
0
;
top
:
0
;
left
:
0
;
color
:
rgba
(
0
,
0
,
0
,
.4
);
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-transition
:
color
.1s
ease
;
transition
:
color
.1s
ease
;
border-top
:
none
}
.ui.items
>
.item
.extra
>*
{
margin
:
.25rem
.5rem
.25rem
0
}
.ui.items
>
.item
.extra
>[
class
*=
"right floated"
]
{
margin
:
.25rem
0
.25rem
.5rem
}
.ui.items
>
.item
.extra
:after
{
display
:
block
;
height
:
0
}
.ui.items
>
.item
>
.image
:not
(
.ui
)
{
width
:
175px
}
@media
only
screen
and
(
min-width
:
768px
)
and
(
max-width
:
991px
){
.ui.items
>
.item
{
margin
:
1em
0
}
.ui.items
>
.item
>
.image
:not
(
.ui
)
{
width
:
150px
}
.ui.items
>
.item
>
.image
.content
{
display
:
block
;
padding
:
0
0
0
1em
}}
@media
only
screen
and
(
max-width
:
767px
){
.ui.items
:not
(
.unstackable
)>
.item
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
margin
:
2em
0
}
.ui.items
:not
(
.unstackable
)>
.item
>
.image
{
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
}
.ui.items
:not
(
.unstackable
)>
.item
>
.image
,
.ui.items
:not
(
.unstackable
)>
.item
>
.image
>
img
{
max-width
:
100%
!important
;
width
:
auto
!important
;
max-height
:
250px
!important
}
.ui.items
:not
(
.unstackable
)>
.item
>
.image
.content
{
display
:
block
;
padding
:
1.5em
0
0
}
.ui.unstackable.items
>
.item
>
.image
,
.ui.unstackable.items
>
.item
>
.image
>
img
{
width
:
125px
!important
}}
.ui.items
>
.item
>
.image
[
class
*=
"top aligned"
]
.content
{
-ms-flex-item-align
:
start
;
align-self
:
flex-start
}
.ui.items
>
.item
>
.image
[
class
*=
"middle aligned"
]
.content
{
-ms-flex-item-align
:
center
;
align-self
:
center
}
.ui.items
>
.item
>
.image
[
class
*=
"bottom aligned"
]
.content
{
-ms-flex-item-align
:
end
;
align-self
:
flex-end
}
.ui.relaxed.items
>
.item
{
margin
:
1.5em
0
}
.ui
[
class
*=
"very relaxed"
]
.items
>
.item
{
margin
:
2em
0
}
.ui.divided.items
>
.item
{
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
margin
:
0
;
padding
:
1em
0
}
.ui.divided.items
>
.item
:first-child
{
border-top
:
none
;
margin-top
:
0
!important
;
padding-top
:
0
!important
}
.ui.divided.items
>
.item
:last-child
{
margin-bottom
:
0
!important
;
padding-bottom
:
0
!important
}
.ui.relaxed.divided.items
>
.item
{
margin
:
0
;
padding
:
1.5em
0
}
.ui
[
class
*=
"very relaxed"
]
.divided.items
>
.item
{
margin
:
0
;
padding
:
2em
0
}
.ui.items
a
.item
:hover
.content
.header
,
.ui.link.items
>
.item
:hover
.content
.header
{
color
:
#1e70bf
}
.ui.items
>
.item
{
font-size
:
1em
}
.ui.image
{
position
:
relative
;
display
:
inline-block
;
vertical-align
:
middle
;
max-width
:
100%
;
background-color
:
transparent
}
img
.ui.image
{
display
:
block
}
.ui.image
img
,
.ui.image
svg
{
display
:
block
;
max-width
:
100%
;
height
:
auto
}
.ui.centered.image
,
.ui.centered.images
{
margin-left
:
auto
;
margin-right
:
auto
}
.ui.mini.image
,
.ui.mini.images
.image
,
.ui.mini.images
img
,
.ui.mini.images
svg
{
width
:
35px
;
height
:
auto
;
font-size
:
.78571429rem
}
.pusher
.stripe
{
padding
:
5rem
0
}
</style><style>img
[
data-src
]
{
filter
:
blur
(
2px
)
!important
}
.following.bar
{
position
:
fixed
!important
;
top
:
0
!important
;
z-index
:
900
!important
;
left
:
0
!important
;
padding
:
2em
0
!important
;
width
:
100%
!important
;
box-shadow
:
0
0
0
0
transparent
!important
;
border-bottom
:
1px
solid
transparent
!important
;
transition
:
padding
.5s
ease
,
background
.5s
ease
,
box-shadow
.5s
ease
,
border
.5s
ease
!important
}
.ui.logo
{
opacity
:
.9
!important
;
float
:
none
!important
;
margin
:
0
.35714286em
0
0
!important
;
height
:
1em
!important
}
.secondary.menu
.item
{
line-height
:
1.6rem
!important
}
.secondary.menu
.item
>
i
.icon
{
height
:
1.6rem
!important
}
.following.bar
{
padding
:
1em
0
!important
}
body
.noscript
.following.bar
,
.following.bar.qd
{
background
:
#0a70c0
!important
}
.masthead
{
position
:
relative
!important
;
overflow
:
hidden
!important
;
text-align
:
center
!important
;
color
:
rgba
(
255
,
255
,
255
,
0.9
)
!important
;
margin-bottom
:
0
!important
;
border-bottom
:
none
!important
;
background
:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E")
center
center
no-repeat
,
linear-gradient
(
148deg
,
#124E99
7%
,
#105a94
20%
,
#0a70c0
27%
,
#0291E7
60%
,
#0271B3
100%
)
!important
;
background-size
:
cover
,
cover
!important
;
padding
:
10rem
0
!important
;
max-height
:
100vh
!important
}
.masthead
:after
{
content
:
""
!important
;
height
:
calc
(
50px
+
7vh
+
7vw
)
!important
;
position
:
absolute
!important
;
bottom
:
0
!important
;
left
:
0
!important
;
right
:
0
!important
;
background
:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath d='M 0%2C810 1440%2C0 l 0%2C810 z' fill='%23fff'/%3E%3C/svg%3E")
no-repeat
center
center
!important
;
background-size
:
100%
100%
!important
}
.introduction
h1
.header
{
font-size
:
4.5rem
!important
}
.pusher
.stripe
h2
{
font-size
:
26px
!important
}
.ui.grid
.row
+
.ui.divider
{
margin-top
:
3rem
!important
;
margin-bottom
:
3rem
!important
}
#image_container
img
.phone
{
display
:
inline-block
!important
;
max-height
:
33vw
!important
;
max-width
:
355px
!important
;
vertical-align
:
middle
!important
}
#image_container
img
.tablet
{
display
:
inline-block
!important
;
max-height
:
33vw
!important
;
max-width
:
633px
!important
;
vertical-align
:
middle
!important
}
.pusher
.stripe
.column
>
p
{
font-size
:
16px
!important
;
line-height
:
1.6
!important
;
margin
:
1em
0
!important
}
.pusher
.alternate.stripe
{
background-color
:
#F2F3F5
!important
}
.vertical.segment
{
box-shadow
:
none
!important
}
.pusher
>
.footer
{
clear
:
both
!important
;
margin
:
0
!important
;
border-radius
:
0
!important
;
padding
:
4em
0
!important
}
.pusher
>
.footer
.grid
{
display
:
block
!important
}
.pusher
>
.footer
.grid
.column
{
margin-left
:
2rem
!important
;
margin-right
:
2rem
!important
}
.introduction
{
perspective
:
500px
!important
;
text-shadow
:
0
0
10px
rgba
(
0
,
0
,
0
,
0.2
)
!important
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
;
margin-bottom
:
6rem
!important
}
.pusher
.stripe
{
padding
:
5rem
0
!important
;
border-radius
:
0
!important
;
margin
:
0
!important
}
.ui.header
{
font-weight
:
400
!important
}
.pusher
.stripe
h1
{
font-size
:
40px
!important
}
.pusher
.intro.segment
h1
+
p
{
font-size
:
22px
!important
}
.image
{
overflow
:
hidden
!important
}
@media
(
max-width
:
359px
){
.ui.menu
.item
{
font-size
:
.9rem
!important
}}
@media
(
max-width
:
500px
){
.ui.menu
.item
>
span
.text
{
display
:
none
!important
}
.ui.menu
.item
>
i
.icon
{
margin-right
:
0
!important
}
.masthead.segment
{
min-height
:
100vh
!important
}}
@media
(
max-width
:
1024px
){
.introduction
h1
.header
{
font-size
:
3rem
!important
}
.introduction
h2
{
font-size
:
1.4rem
!important
}
.masthead.segment
{
padding
:
6rem
0
0
!important
}
.pusher
.stripe
{
padding
:
2rem
0
!important
}
.introduction
{
margin-bottom
:
2rem
!important
}}
@media
(
max-width
:
800px
),(
max-height
:
720px
){
#image_container
img
.tablet
{
display
:
none
!important
}
#image_container
img
.phone
{
max-width
:
calc
(
50vw
+
100px
)
!important
;
max-height
:
100vh
!important
;
margin-bottom
:
calc
(
-33vh
)
!important
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1rem
!important
}}
@media
(
min-width
:
800px
)
and
(
max-height
:
800px
){
#image_container
img
.tablet
{
display
:
none
!important
}
#image_container
img
.phone
{
max-width
:
calc
(
50vw
+
100px
)
!important
;
max-height
:
100vh
!important
;
margin-bottom
:
calc
(
-33vh
)
!important
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1rem
!important
}
.introduction
,
.introduction
+
.row
{
display
:
inline-block
!important
;
margin-left
:
4rem
!important
;
margin-right
:
4rem
!important
}}
@media
(
max-height
:
500px
){
.masthead.segment
{
max-height
:
initial
!important
}
#image_container
img
.tablet
{
display
:
none
!important
}
#image_container
img
.phone
{
max-width
:
calc
(
50vw
+
100px
)
!important
;
max-height
:
100vh
!important
;
margin-bottom
:
calc
(
-22vh
)
!important
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1rem
!important
}
.introduction
,
.introduction
+
.row
{
display
:
inline-block
!important
;
margin-left
:
4rem
!important
;
margin-right
:
4rem
!important
}}
</style></head><body
class=
"noscript"
id=
"page-index"
><noscript><style>img
[
data-src
]
{
}
</style><style>button
,
hr
,
input
{
overflow
:
visible
}
.ui.button
,
button
,
select
{
text-transform
:
none
}
audio
,
canvas
,
progress
,
video
{
display
:
inline-block
}
.ui.button
,
progress
,
sub
,
sup
{
vertical-align
:
baseline
}
::selection
,
body
{
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.button
,
.ui.divider
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
-webkit-tap-highlight-color
:
transparent
}
i
.icons
,
sub
,
sup
{
position
:
relative
}
.ui.button
,
.ui.divider
,
.ui.menu
.item
{
-webkit-tap-highlight-color
:
transparent
}
*,
:after
,
:before
{
-webkit-box-sizing
:
inherit
;
box-sizing
:
inherit
}
html
,
legend
{
-webkit-box-sizing
:
border-box
}
html
{
box-sizing
:
border-box
;
line-height
:
1.15
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
main
,
menu
,
nav
,
section
{
display
:
block
}
figure
{
margin
:
1em
40px
}
hr
{
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
a
{
background-color
:
transparent
;
-webkit-text-decoration-skip
:
objects
;
color
:
#4183C4
;
text-decoration
:
none
}
abbr
[
title
]
{
border-bottom
:
none
;
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
.ui.button
,
a
:hover
{
text-decoration
:
none
}
b
,
strong
{
font-weight
:
bolder
}
dfn
{
font-style
:
italic
}
mark
{
background-color
:
#ff0
;
color
:
#000
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
img
{
border-style
:
none
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
sans-serif
;
font-size
:
100%
;
line-height
:
1.15
;
margin
:
0
}
[
type
=
reset
],[
type
=
submit
],
button
,
html
[
type
=
button
]
{
-webkit-appearance
:
button
}
[
type
=
button
]
::-moz-focus-inner
,[
type
=
reset
]
::-moz-focus-inner
,[
type
=
submit
]
::-moz-focus-inner
,
button
::-moz-focus-inner
{
border-style
:
none
;
padding
:
0
}
[
type
=
button
]
:-moz-focusring
,[
type
=
reset
]
:-moz-focusring
,[
type
=
submit
]
:-moz-focusring
,
button
:-moz-focusring
{
outline
:
ButtonText
dotted
1px
}
fieldset
{
padding
:
.35em
.75em
.625em
}
legend
{
box-sizing
:
border-box
;
color
:
inherit
;
display
:
table
;
max-width
:
100%
;
padding
:
0
;
white-space
:
normal
}
textarea
{
overflow
:
auto
}
[
type
=
checkbox
],[
type
=
radio
]
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
}
[
type
=
number
]
::-webkit-inner-spin-button
,[
type
=
number
]
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
[
type
=
search
]
::-webkit-search-cancel-button
,[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
body
,
html
{
font-size
:
14px
}
body
,
p
{
line-height
:
1.4285em
}
.ui.button
,
.ui.header
,
.ui.text.container
,
body
,
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
Lato
,
'Helvetica Neue'
,
Arial
,
Helvetica
,
sans-serif
}
.ui.button
,
i
.icon
{
font-style
:
normal
}
body
,
i
.icon
{
font-smoothing
:
antialiased
}
summary
{
display
:
list-item
}
[
hidden
],
template
{
display
:
none
}
body
,
html
{
height
:
100%
}
body
{
margin
:
0
;
padding
:
0
;
overflow-x
:
hidden
;
min-width
:
320px
;
background
:
#FFF
}
h1
,
h2
,
h3
,
h4
,
h5
{
line-height
:
1.28571429em
;
margin
:
calc
(
2rem
-
.14285714em
)
0
1rem
;
font-weight
:
700
;
padding
:
0
}
h1
{
min-height
:
1rem
;
font-size
:
2rem
}
h2
{
font-size
:
1.71428571rem
}
h3
{
font-size
:
1.28571429rem
}
h4
{
font-size
:
1.07142857rem
}
h5
{
font-size
:
1rem
}
h1
:first-child
,
h2
:first-child
,
h3
:first-child
,
h4
:first-child
,
h5
:first-child
,
p
:first-child
{
margin-top
:
0
}
h1
:last-child
,
h2
:last-child
,
h3
:last-child
,
h4
:last-child
,
h5
:last-child
,
p
:last-child
{
margin-bottom
:
0
}
p
{
margin
:
0
0
1em
}
a
:hover
{
color
:
#1e70bf
}
::-webkit-selection
{
background-color
:
#CCE2FF
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
::-moz-selection
{
background-color
:
#CCE2FF
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
::selection
{
background-color
:
#CCE2FF
}
input
::-webkit-selection
,
textarea
::-webkit-selection
{
background-color
:
rgba
(
100
,
100
,
100
,
.4
);
color
:
rgba
(
0
,
0
,
0
,
.87
)}
input
::-moz-selection
,
textarea
::-moz-selection
{
background-color
:
rgba
(
100
,
100
,
100
,
.4
);
color
:
rgba
(
0
,
0
,
0
,
.87
)}
input
::selection
,
textarea
::selection
{
background-color
:
rgba
(
100
,
100
,
100
,
.4
);
color
:
rgba
(
0
,
0
,
0
,
.87
)}
body
::-webkit-scrollbar
{
-webkit-appearance
:
none
;
width
:
10px
}
body
::-webkit-scrollbar-track
{
background
:
rgba
(
0
,
0
,
0
,
.1
);
border-radius
:
0
}
body
::-webkit-scrollbar-thumb
{
cursor
:
pointer
;
border-radius
:
5px
;
background
:
rgba
(
0
,
0
,
0
,
.25
);
-webkit-transition
:
color
.2s
ease
;
transition
:
color
.2s
ease
}
body
::-webkit-scrollbar-thumb:window-inactive
{
background
:
rgba
(
0
,
0
,
0
,
.15
)}
body
::-webkit-scrollbar-thumb:hover
{
background
:
rgba
(
128
,
135
,
139
,
.8
)}
body
.ui.inverted
::-webkit-scrollbar-track
{
background
:
rgba
(
255
,
255
,
255
,
.1
)}
body
.ui.inverted
::-webkit-scrollbar-thumb
{
background
:
rgba
(
255
,
255
,
255
,
.25
)}
body
.ui.inverted
::-webkit-scrollbar-thumb:window-inactive
{
background
:
rgba
(
255
,
255
,
255
,
.15
)}
body
.ui.inverted
::-webkit-scrollbar-thumb:hover
{
background
:
rgba
(
255
,
255
,
255
,
.35
)}
.ui.button
{
cursor
:
pointer
;
display
:
inline-block
;
min-height
:
1em
;
outline
:
0
;
border
:
none
;
background
:
#E0E1E2
;
color
:
rgba
(
0
,
0
,
0
,
.6
);
margin
:
0
.25em
0
0
;
padding
:
.78571429em
1.5em
;
text-shadow
:
none
;
font-weight
:
700
;
line-height
:
1em
;
text-align
:
center
;
border-radius
:
.28571429rem
;
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
user-select
:
none
;
-webkit-transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
background
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
background
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
box-shadow
.1s
ease
,
background
.1s
ease
;
transition
:
opacity
.1s
ease
,
background-color
.1s
ease
,
color
.1s
ease
,
box-shadow
.1s
ease
,
background
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
will-change
:
''
}
.ui.button
:focus
,
.ui.button
:hover
{
background-color
:
#CACBCD
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.ui.button
:hover
{
background-image
:
none
;
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
transparent
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.button
:hover
.icon
{
opacity
:
.85
}
.ui.button
:focus
{
background-image
:
''
!important
;
-webkit-box-shadow
:
''
!important
;
box-shadow
:
''
!important
}
.ui.button
:focus
.icon
{
opacity
:
.85
}
.ui.active.button
:active
,
.ui.button
:active
{
background-color
:
#BABBBC
;
background-image
:
''
;
color
:
rgba
(
0
,
0
,
0
,
.9
);
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
,
none
;
box-shadow
:
0
0
0
1px
transparent
inset
,
none
}
.ui.active.button
,
.ui.active.button
:hover
{
color
:
rgba
(
0
,
0
,
0
,
.95
);
background-color
:
#C0C1C2
;
background-image
:
none
}
.ui.active.button
{
-webkit-box-shadow
:
0
0
0
1px
transparent
inset
;
box-shadow
:
0
0
0
1px
transparent
inset
}
.ui.active.button
:active
{
background-color
:
#C0C1C2
;
background-image
:
none
}
.ui.button
:disabled
,
.ui.buttons
.disabled.button
,
.ui.disabled.active.button
,
.ui.disabled.button
,
.ui.disabled.button
:hover
{
cursor
:
default
;
opacity
:
.45
!important
;
background-image
:
none
!important
;
-webkit-box-shadow
:
none
!important
;
box-shadow
:
none
!important
;
pointer-events
:
none
!important
}
.ui.basic.buttons
.ui.disabled.button
{
border-color
:
rgba
(
34
,
36
,
38
,
.5
)}
.ui.basic.button
,
.ui.basic.buttons
.button
{
background
:
0
0
!important
;
color
:
rgba
(
0
,
0
,
0
,
.6
)
!important
;
font-weight
:
400
;
border-radius
:
.28571429rem
;
text-transform
:
none
;
text-shadow
:
none
!important
;
-webkit-box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.basic.buttons
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
border-radius
:
.28571429rem
}
.ui.basic.buttons
.button
{
border-radius
:
0
}
.ui.basic.button
:focus
,
.ui.basic.button
:hover
,
.ui.basic.buttons
.button
:focus
,
.ui.basic.buttons
.button
:hover
{
background
:
#FFF
!important
;
color
:
rgba
(
0
,
0
,
0
,
.8
)
!important
;
-webkit-box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.basic.button
:active
,
.ui.basic.buttons
.button
:active
{
background
:
#F8F8F8
!important
;
color
:
rgba
(
0
,
0
,
0
,
.9
)
!important
;
-webkit-box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
;
box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
}
.ui.basic.active.button
,
.ui.basic.buttons
.active.button
{
background
:
rgba
(
0
,
0
,
0
,
.05
)
!important
;
-webkit-box-shadow
:
''
!important
;
box-shadow
:
''
!important
;
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.basic.active.button
:hover
,
.ui.basic.buttons
.active.button
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.05
)}
.ui.basic.buttons
.button
:hover
{
-webkit-box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
;
box-shadow
:
0
0
0
1px
rgba
(
34
,
36
,
38
,
.35
)
inset
,
0
0
0
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
}
.ui.basic.buttons
.button
:active
{
-webkit-box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
;
box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
.15
)
inset
,
0
1px
4px
0
rgba
(
34
,
36
,
38
,
.15
)
inset
inset
}
.ui.basic.buttons
.active.button
{
-webkit-box-shadow
:
''
!important
;
box-shadow
:
''
!important
}
.ui.basic.inverted.button
,
.ui.basic.inverted.buttons
.button
{
background-color
:
transparent
!important
;
color
:
#F9FAFB
!important
;
-webkit-box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.5
)
inset
!important
;
box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.5
)
inset
!important
}
.ui.basic.inverted.button
:focus
,
.ui.basic.inverted.button
:hover
,
.ui.basic.inverted.buttons
.button
:focus
,
.ui.basic.inverted.buttons
.button
:hover
{
color
:
#FFF
!important
;
-webkit-box-shadow
:
0
0
0
2px
#fff
inset
!important
;
box-shadow
:
0
0
0
2px
#fff
inset
!important
}
.ui.basic.inverted.button
:active
,
.ui.basic.inverted.buttons
.button
:active
{
background-color
:
rgba
(
255
,
255
,
255
,
.08
)
!important
;
color
:
#FFF
!important
;
-webkit-box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.9
)
inset
!important
;
box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.9
)
inset
!important
}
.ui.basic.inverted.active.button
,
.ui.basic.inverted.buttons
.active.button
{
background-color
:
rgba
(
255
,
255
,
255
,
.08
);
color
:
#FFF
;
text-shadow
:
none
;
-webkit-box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.7
)
inset
;
box-shadow
:
0
0
0
2px
rgba
(
255
,
255
,
255
,
.7
)
inset
}
.ui.basic.inverted.active.button
:hover
,
.ui.basic.inverted.buttons
.active.button
:hover
{
background-color
:
rgba
(
255
,
255
,
255
,
.15
);
-webkit-box-shadow
:
0
0
0
2px
#fff
inset
!important
;
box-shadow
:
0
0
0
2px
#fff
inset
!important
}
.ui.inverted.button
{
-webkit-box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
background
:
0
0
;
color
:
#FFF
;
text-shadow
:
none
!important
}
.ui.inverted.buttons
.button
{
margin
:
0
0
0
-2px
}
.ui.inverted.buttons
.button
:first-child
{
margin-left
:
0
}
.ui.inverted.vertical.buttons
.button
{
margin
:
0
0
-2px
}
.ui.inverted.vertical.buttons
.button
:first-child
{
margin-top
:
0
}
.ui.button
:not
(
.icon
)>
.icon
:not
(
.button
)
:not
(
.dropdown
),
.ui.button
>
.icon
:not
(
.button
)
{
margin
:
0
.42857143em
0
-.21428571em
}
.ui.inverted.button.active
,
.ui.inverted.button
:focus
,
.ui.inverted.button
:hover
{
background
:
#FFF
;
-webkit-box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
box-shadow
:
0
0
0
2px
#FFF
inset
!important
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.ui.inverted.button.active
:focus
{
background
:
#DCDDDE
;
-webkit-box-shadow
:
0
0
0
2px
#DCDDDE
inset
!important
;
box-shadow
:
0
0
0
2px
#DCDDDE
inset
!important
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.ui.button
>
.icon
:not
(
.button
)
{
height
:
.85714286em
;
opacity
:
.8
;
-webkit-transition
:
opacity
.1s
ease
;
transition
:
opacity
.1s
ease
;
vertical-align
:
''
;
color
:
''
}
.ui.button
:not
(
.icon
)>
.right.icon
:not
(
.button
)
:not
(
.dropdown
)
{
margin
:
0
-.21428571em
0
.42857143em
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1.42857143rem
}
.ui.container
{
display
:
block
;
max-width
:
100%
!important
}
@media
only
screen
and
(
max-width
:
767px
){
.ui.container
,
.ui.grid.container
,
.ui.relaxed.grid.container
,
.ui.very.relaxed.grid.container
{
width
:
auto
!important
}
.ui.container
{
margin-left
:
1em
!important
;
margin-right
:
1em
!important
}}
@media
only
screen
and
(
min-width
:
768px
)
and
(
max-width
:
991px
){
.ui.container
{
width
:
723px
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
}
.ui.grid.container
{
width
:
calc
(
723px
2rem
)
!important
}
.ui.relaxed.grid.container
{
width
:
calc
(
723px
3rem
)
!important
}
.ui.very.relaxed.grid.container
{
width
:
calc
(
723px
5rem
)
!important
}}
@media
only
screen
and
(
min-width
:
992px
)
and
(
max-width
:
1199px
){
.ui.container
{
width
:
933px
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
}
.ui.grid.container
{
width
:
calc
(
933px
2rem
)
!important
}
.ui.relaxed.grid.container
{
width
:
calc
(
933px
3rem
)
!important
}
.ui.very.relaxed.grid.container
{
width
:
calc
(
933px
5rem
)
!important
}}
@media
only
screen
and
(
min-width
:
1200px
){
.ui.container
{
width
:
1127px
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
}
.ui.grid.container
{
width
:
calc
(
1127px
2rem
)
!important
}
.ui.relaxed.grid.container
{
width
:
calc
(
1127px
3rem
)
!important
}
.ui.very.relaxed.grid.container
{
width
:
calc
(
1127px
5rem
)
!important
}}
.ui.text.container
{
max-width
:
700px
!important
;
line-height
:
1.5
;
font-size
:
1.14285714rem
}
.ui.fluid.container
{
width
:
100%
}
.ui
[
class
*=
"left aligned"
]
.container
{
text-align
:
left
}
.ui
[
class
*=
"center aligned"
]
.container
{
text-align
:
center
}
.ui
[
class
*=
"right aligned"
]
.container
{
text-align
:
right
}
.ui.justified.container
{
text-align
:
justify
;
-webkit-hyphens
:
auto
;
-ms-hyphens
:
auto
;
hyphens
:
auto
}
.ui.divider
{
margin
:
1rem
0
;
line-height
:
1
;
height
:
0
;
font-weight
:
700
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
;
color
:
rgba
(
0
,
0
,
0
,
.85
);
user-select
:
none
;
font-size
:
1rem
}
.ui.divider
:not
(
.vertical
)
:not
(
.horizontal
)
{
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
.1
)}
.ui.grid
>
.column
.divider
,
.ui.grid
>
.row
>
.column
.divider
{
left
:
auto
}
.ui.divider
>
.icon
{
margin
:
0
;
font-size
:
1rem
;
height
:
1em
;
vertical-align
:
middle
}
.ui.hidden.divider
{
border-color
:
transparent
!important
}
.ui.hidden.divider
:after
,
.ui.hidden.divider
:before
{
display
:
none
}
.ui.divider.inverted
,
.ui.horizontal.inverted.divider
,
.ui.vertical.inverted.divider
{
color
:
#FFF
}
.ui.divider.inverted
,
.ui.divider.inverted
:after
,
.ui.divider.inverted
:before
{
border-top-color
:
rgba
(
34
,
36
,
38
,
.15
)
!important
;
border-left-color
:
rgba
(
34
,
36
,
38
,
.15
)
!important
;
border-bottom-color
:
rgba
(
255
,
255
,
255
,
.15
)
!important
;
border-right-color
:
rgba
(
255
,
255
,
255
,
.15
)
!important
}
.ui.section.divider
{
margin-top
:
2rem
;
margin-bottom
:
2rem
}
.ui.header
{
border
:
none
;
margin
:
calc
(
2rem
-
.14285714em
)
0
1rem
;
padding
:
0
;
font-weight
:
700
;
line-height
:
1.28571429em
;
text-transform
:
none
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.menu
,
.ui.menu
.item
,
i
.icon
{
font-weight
:
400
}
.ui.header
:first-child
{
margin-top
:
-.14285714em
}
.ui.header
:last-child
{
margin-bottom
:
0
}
.ui.header
.sub.header
{
display
:
block
;
font-weight
:
400
;
padding
:
0
;
margin
:
0
;
font-size
:
1rem
;
line-height
:
1.2em
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.inverted.header
{
color
:
#FFF
}
.ui.inverted.header
.sub.header
{
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.ui.header
>
.icon
{
display
:
table-cell
;
opacity
:
1
;
font-size
:
1.5em
;
padding-top
:
0
;
vertical-align
:
middle
}
.ui.header
.icon
:only-child
{
display
:
inline-block
;
padding
:
0
;
margin-right
:
.75rem
}
.ui.header
>
.icon
.content
,
.ui.header
>
.image
.content
,
.ui.header
>
img
.content
{
padding-left
:
.75rem
;
vertical-align
:
middle
}
.ui.header
>
.image
:not
(
.icon
),
.ui.header
>
img
{
display
:
inline-block
;
margin-top
:
.14285714em
;
width
:
2.5em
;
height
:
auto
;
vertical-align
:
middle
}
.ui.header
>
.image
:not
(
.icon
)
:only-child
,
.ui.header
>
img
:only-child
{
margin-right
:
.75rem
}
.ui.header
.content
{
display
:
inline-block
;
vertical-align
:
top
}
.ui.header
>
.icon
.content
{
display
:
table-cell
}
i
.icon
,
i
.icons
{
display
:
inline-block
}
.ui.header
.ui.label
{
font-size
:
''
;
margin-left
:
.5rem
;
vertical-align
:
middle
}
.ui.header
p
{
margin-top
:
0
}
h1
.ui.header
{
font-size
:
2rem
}
h2
.ui.header
{
font-size
:
1.71428571rem
}
h3
.ui.header
{
font-size
:
1.28571429rem
}
h4
.ui.header
{
font-size
:
1.07142857rem
}
h5
.ui.header
{
font-size
:
1rem
}
h1
.ui.header
.sub.header
,
h2
.ui.header
.sub.header
{
font-size
:
1.14285714rem
}
h3
.ui.header
.sub.header
,
h4
.ui.header
.sub.header
{
font-size
:
1rem
}
h5
.ui.header
.sub.header
{
font-size
:
.92857143rem
}
.ui.header
:not
(
h1
)
:not
(
h2
)
:not
(
h3
)
:not
(
h4
)
:not
(
h5
)
:not
(
h6
)
{
font-size
:
1.28571429em
}
@font-face
{
font-family
:
Icons
;
src
:
url(assets/fonts/icons.eot)
;
src
:
url(assets/fonts/icons.eot?#iefix)
format
(
'embedded-opentype'
),
url(assets/fonts/icons.woff2)
format
(
'woff2'
),
url(assets/fonts/icons.woff)
format
(
'woff'
),
url(assets/fonts/icons.ttf)
format
(
'truetype'
),
url(assets/fonts/icons.svg#icons)
format
(
'svg'
);
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-decoration
:
inherit
;
text-transform
:
none
}
i
.icon
{
opacity
:
1
;
margin
:
0
.25rem
0
0
;
width
:
1.18em
;
height
:
1em
;
font-family
:
Icons
;
text-decoration
:
inherit
;
text-align
:
center
;
speak
:
none
;
-moz-osx-font-smoothing
:
grayscale
;
-webkit-font-smoothing
:
antialiased
;
-webkit-backface-visibility
:
hidden
;
backface-visibility
:
hidden
}
.ui.items
>
.item
>
.content
>
.header
,
.ui.menu
{
font-family
:
Lato
,
'Helvetica Neue'
,
Arial
,
Helvetica
,
sans-serif
}
i
.icon
:before
{
background
:
0
0
!important
}
i
.icon.loading
{
height
:
1em
;
line-height
:
1
;
-webkit-animation
:
icon-loading
2s
linear
infinite
;
animation
:
icon-loading
2s
linear
infinite
}
@-webkit-keyframes
icon-loading
{
from
{
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
)}
to
{
-webkit-transform
:
rotate
(
360deg
);
transform
:
rotate
(
360deg
)}}
@keyframes
icon-loading
{
from
{
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
)}
to
{
-webkit-transform
:
rotate
(
360deg
);
transform
:
rotate
(
360deg
)}}
i
.emphasized.icon
,
i
.icon.active
,
i
.icon.hover
{
opacity
:
1
!important
}
i
.disabled.icon
{
opacity
:
.45
!important
}
i
.fitted.icon
{
width
:
auto
;
margin
:
0
}
i
.link.icon
,
i
.link.icons
{
cursor
:
pointer
;
opacity
:
.8
;
-webkit-transition
:
opacity
.1s
ease
;
transition
:
opacity
.1s
ease
}
i
.link.icon
:hover
,
i
.link.icons
:hover
{
opacity
:
1
!important
}
i
.circular.icon
{
border-radius
:
500em
!important
;
line-height
:
1
!important
;
padding
:
.5em
!important
;
-webkit-box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
;
box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
;
width
:
2em
!important
;
height
:
2em
!important
}
i
.circular.inverted.icon
{
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
i
.flipped.icon
,
i
.horizontally.flipped.icon
{
-webkit-transform
:
scale
(
-1
,
1
);
transform
:
scale
(
-1
,
1
)}
i
.vertically.flipped.icon
{
-webkit-transform
:
scale
(
1
,
-1
);
transform
:
scale
(
1
,
-1
)}
i
.clockwise.rotated.icon
,
i
.right.rotated.icon
,
i
.rotated.icon
{
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
i
.counterclockwise.rotated.icon
,
i
.left.rotated.icon
{
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
)}
i
.bordered.icon
{
line-height
:
1
;
vertical-align
:
baseline
;
width
:
2em
;
height
:
2em
;
padding
:
.5em
.41em
!important
;
-webkit-box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
;
box-shadow
:
0
0
0
.1em
rgba
(
0
,
0
,
0
,
.1
)
inset
}
i
.big.icon
,
i
.big.icons
,
i
.huge.icon
,
i
.huge.icons
,
i
.large.icon
,
i
.large.icons
,
i
.massive.icon
,
i
.massive.icons
{
vertical-align
:
middle
;
line-height
:
1
}
i
.bordered.inverted.icon
{
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
i
.inverted.bordered.icon
,
i
.inverted.circular.icon
{
background-color
:
#1B1C1D
!important
;
color
:
#FFF
!important
}
.ui.inverted.segment
>
.ui.header
,
i
.inverted.icon
{
color
:
#FFF
}
i
.mini.icon
,
i
.mini.icons
{
line-height
:
1
;
font-size
:
.4em
}
i
.tiny.icon
,
i
.tiny.icons
{
line-height
:
1
;
font-size
:
.5em
}
i
.small.icon
,
i
.small.icons
{
line-height
:
1
;
font-size
:
.75em
}
i
.icon
,
i
.icons
{
font-size
:
1em
}
i
.large.icon
,
i
.large.icons
{
font-size
:
1.5em
}
i
.big.icon
,
i
.big.icons
{
font-size
:
2em
}
i
.huge.icon
,
i
.huge.icons
{
font-size
:
4em
}
i
.massive.icon
,
i
.massive.icons
{
font-size
:
8em
}
i
.icons
{
line-height
:
1
}
i
.icons
.icon
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
)
translateY
(
-50%
);
transform
:
translateX
(
-50%
)
translateY
(
-50%
);
margin
:
0
}
i
.icons
.icon
:first-child
{
position
:
static
;
width
:
auto
;
height
:
auto
;
vertical-align
:
top
;
-webkit-transform
:
none
;
transform
:
none
;
margin-right
:
.25rem
}
i
.icons
.corner.icon
{
top
:
auto
;
left
:
auto
;
right
:
0
;
bottom
:
0
;
-webkit-transform
:
none
;
transform
:
none
;
font-size
:
.45em
;
text-shadow
:
-1px
-1px
0
#FFF
,
1px
-1px
0
#FFF
,
-1px
1px
0
#FFF
,
1px
1px
0
#FFF
}
i
.icons
.top.right.corner.icon
{
top
:
0
;
left
:
auto
;
right
:
0
;
bottom
:
auto
}
i
.icons
.top.left.corner.icon
{
top
:
0
;
left
:
0
;
right
:
auto
;
bottom
:
auto
}
i
.icons
.bottom.left.corner.icon
{
top
:
auto
;
left
:
0
;
right
:
auto
;
bottom
:
0
}
i
.icons
.bottom.right.corner.icon
{
top
:
auto
;
left
:
auto
;
right
:
0
;
bottom
:
0
}
i
.icons
.inverted.corner.icon
{
text-shadow
:
-1px
-1px
0
#1B1C1D
,
1px
-1px
0
#1B1C1D
,
-1px
1px
0
#1B1C1D
,
1px
1px
0
#1B1C1D
}
i
.icon.github
:before
{
content
:
"\f09b"
}
i
.icon.download
:before
{
content
:
"\f019"
}
.ui.segment
{
position
:
relative
;
background
:
#FFF
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
margin
:
1rem
0
;
padding
:
1em
;
border-radius
:
.28571429rem
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segment
:first-child
{
margin-top
:
0
}
.ui.segment
:last-child
{
margin-bottom
:
0
}
.ui.vertical.segment
{
margin
:
0
;
padding-left
:
0
;
padding-right
:
0
;
background
:
none
;
border-radius
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
none
;
border-bottom
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.attached.segment
:not
(
.top
)
:not
(
.bottom
)>[
class
*=
"top attached"
]
.label
,
.ui
[
class
*=
"bottom attached"
]
.segment
>[
class
*=
"top attached"
]
.label
{
border-top-left-radius
:
0
;
border-top-right-radius
:
0
}
.ui.attached.segment
:not
(
.top
)
:not
(
.bottom
)>[
class
*=
"bottom attached"
]
.label
,
.ui
[
class
*=
"top attached"
]
.segment
>[
class
*=
"bottom attached"
]
.label
{
border-bottom-left-radius
:
0
;
border-bottom-right-radius
:
0
}
.ui.vertical.segment
:last-child
{
border-bottom
:
none
}
.ui.grid
>
.row
>
.ui.segment.column
,
.ui.grid
>
.ui.segment.column
,
.ui.page.grid.segment
{
padding-top
:
2em
;
padding-bottom
:
2em
}
.ui.grid.segment
{
margin
:
1rem
0
;
border-radius
:
.28571429rem
}
.ui.basic.table.segment
{
background
:
#FFF
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
)}
.ui
[
class
*=
"very basic"
]
.table.segment
{
padding
:
1em
}
.ui.piled.segment
,
.ui.piled.segments
{
margin
:
3em
0
;
-webkit-box-shadow
:
''
;
box-shadow
:
''
;
z-index
:
auto
}
.ui.piled.segment
:first-child
{
margin-top
:
0
}
.ui.piled.segment
:last-child
{
margin-bottom
:
0
}
.ui.piled.segment
:after
,
.ui.piled.segment
:before
,
.ui.piled.segments
:after
,
.ui.piled.segments
:before
{
background-color
:
#FFF
;
visibility
:
visible
;
content
:
''
;
display
:
block
;
height
:
100%
;
left
:
0
;
position
:
absolute
;
width
:
100%
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
''
;
box-shadow
:
''
}
.ui.piled.segment
:before
,
.ui.piled.segments
:before
{
-webkit-transform
:
rotate
(
-1.2deg
);
transform
:
rotate
(
-1.2deg
);
top
:
0
;
z-index
:
-2
}
.ui.piled.segment
:after
,
.ui.piled.segments
:after
{
-webkit-transform
:
rotate
(
1.2deg
);
transform
:
rotate
(
1.2deg
);
top
:
0
;
z-index
:
-1
}
.ui
[
class
*=
"top attached"
]
.piled.segment
{
margin-top
:
3em
;
margin-bottom
:
0
}
.ui.piled.segment
[
class
*=
"top attached"
]
:first-child
{
margin-top
:
0
}
.ui.piled.segment
[
class
*=
"bottom attached"
]
{
margin-top
:
0
;
margin-bottom
:
3em
}
.ui.piled.segment
[
class
*=
"bottom attached"
]
:last-child
{
margin-bottom
:
0
}
.ui.stacked.segment
{
padding-bottom
:
1.4em
}
.ui.stacked.segment
:after
,
.ui.stacked.segment
:before
,
.ui.stacked.segments
:after
,
.ui.stacked.segments
:before
{
content
:
''
;
position
:
absolute
;
bottom
:
-3px
;
left
:
0
;
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
background
:
rgba
(
0
,
0
,
0
,
.03
);
width
:
100%
;
height
:
6px
;
visibility
:
visible
}
.ui.stacked.segment
:before
,
.ui.stacked.segments
:before
{
display
:
none
}
.ui.tall.stacked.segment
:before
,
.ui.tall.stacked.segments
:before
{
display
:
block
;
bottom
:
0
}
.ui.stacked.inverted.segment
:after
,
.ui.stacked.inverted.segment
:before
,
.ui.stacked.inverted.segments
:after
,
.ui.stacked.inverted.segments
:before
{
background-color
:
rgba
(
0
,
0
,
0
,
.03
);
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.35
)}
.ui.padded.segment
{
padding
:
1.5em
}
.ui
[
class
*=
"very padded"
]
.segment
{
padding
:
3em
}
.ui.padded.segment.vertical.segment
,
.ui
[
class
*=
"very padded"
]
.vertical.segment
{
padding-left
:
0
;
padding-right
:
0
}
.ui.compact.segment
{
display
:
table
}
.ui.compact.segments
{
display
:
-webkit-inline-box
;
display
:
-ms-inline-flexbox
;
display
:
inline-flex
}
.ui.compact.segments
.segment
,
.ui.segments
.compact.segment
{
display
:
block
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
1
auto
;
flex
:
0
1
auto
}
.ui.circular.segment
{
display
:
table-cell
;
padding
:
2em
;
text-align
:
center
;
vertical-align
:
middle
;
border-radius
:
500em
}
.ui.raised.segment
,
.ui.raised.segments
{
-webkit-box-shadow
:
0
2px
4px
0
rgba
(
34
,
36
,
38
,
.12
),
0
2px
10px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
2px
4px
0
rgba
(
34
,
36
,
38
,
.12
),
0
2px
10px
0
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segments
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
position
:
relative
;
margin
:
1rem
0
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
border-radius
:
.28571429rem
}
.ui.segments
:first-child
{
margin-top
:
0
}
.ui.segments
:last-child
{
margin-bottom
:
0
}
.ui.segments
>
.segment
{
top
:
0
;
bottom
:
0
;
border-radius
:
0
;
margin
:
0
;
width
:
auto
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
none
;
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segments
:not
(
.horizontal
)>
.segment
:first-child
{
border-top
:
none
;
margin-top
:
0
;
bottom
:
0
;
margin-bottom
:
0
;
top
:
0
;
border-radius
:
.28571429rem
.28571429rem
0
0
}
.ui.segments
:not
(
.horizontal
)>
.segment
:last-child
{
top
:
0
;
bottom
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
border-radius
:
0
0
.28571429rem
.28571429rem
}
.ui.horizontal.segments
,
.ui.segments
:not
(
.horizontal
)>
.segment
:only-child
{
border-radius
:
.28571429rem
}
.ui.segments
>
.ui.segments
{
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
margin
:
1rem
}
.ui.segments
>
.segments
:first-child
{
border-top
:
none
}
.ui.segments
>
.segment
.segments
:not
(
.horizontal
)
{
margin-top
:
0
}
.ui.horizontal.segments
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
padding
:
0
;
background-color
:
#FFF
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
margin
:
1rem
0
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.menu
,
.ui.menu
:not
(
.vertical
)>
.menu
{
display
:
-webkit-box
;
display
:
-ms-flexbox
}
.ui.segments
>
.horizontal.segments
{
margin
:
0
;
background-color
:
transparent
;
border-radius
:
0
;
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.horizontal.segments
>
.segment
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
-ms-flex
:
1
1
0px
;
margin
:
0
;
min-width
:
0
;
background-color
:
transparent
;
border-radius
:
0
;
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-left
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
)}
.ui.segments
>
.horizontal.segments
:first-child
{
border-top
:
none
}
.ui.horizontal.segments
>
.segment
:first-child
{
border-left
:
none
}
.ui.disabled.segment
{
opacity
:
.45
;
color
:
rgba
(
40
,
40
,
40
,
.3
)}
.ui.inverted.segment
{
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.inverted.segment
,
.ui.primary.inverted.segment
{
background
:
#1B1C1D
;
color
:
rgba
(
255
,
255
,
255
,
.9
)}
.ui.inverted.segment
.segment
{
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.inverted.segment
.inverted.segment
{
color
:
rgba
(
255
,
255
,
255
,
.9
)}
.ui.inverted.attached.segment
{
border-color
:
#555
}
.ui.secondary.segment
{
background
:
#F3F4F5
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.secondary.inverted.segment
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
rgba
(
255
,
255
,
255
,
.2
)),
to
(
rgba
(
255
,
255
,
255
,
.2
)))
#4c4f52
;
background
:
-webkit-linear-gradient
(
rgba
(
255
,
255
,
255
,
.2
)
0
,
rgba
(
255
,
255
,
255
,
.2
)
100%
)
#4c4f52
;
background
:
linear-gradient
(
rgba
(
255
,
255
,
255
,
.2
)
0
,
rgba
(
255
,
255
,
255
,
.2
)
100%
)
#4c4f52
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.ui.tertiary.segment
{
background
:
#DCDDDE
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.tertiary.inverted.segment
{
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
rgba
(
255
,
255
,
255
,
.35
)),
to
(
rgba
(
255
,
255
,
255
,
.35
)))
#717579
;
background
:
-webkit-linear-gradient
(
rgba
(
255
,
255
,
255
,
.35
)
0
,
rgba
(
255
,
255
,
255
,
.35
)
100%
)
#717579
;
background
:
linear-gradient
(
rgba
(
255
,
255
,
255
,
.35
)
0
,
rgba
(
255
,
255
,
255
,
.35
)
100%
)
#717579
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.ui.attached.segment
{
top
:
0
;
bottom
:
0
;
border-radius
:
0
;
margin
:
0
-1px
;
width
:
calc
(
100%
2px
);
max-width
:
calc
(
100%
2px
);
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
1px
solid
#D4D4D5
}
.ui.attached
:not
(
.message
)
.ui.attached.segment
:not
(
.top
)
{
border-top
:
none
}
.ui
[
class
*=
"top attached"
]
.segment
{
bottom
:
0
;
margin-bottom
:
0
;
top
:
0
;
margin-top
:
1rem
;
border-radius
:
.28571429rem
.28571429rem
0
0
}
.ui.segment
[
class
*=
"top attached"
]
:first-child
{
margin-top
:
0
}
.ui.segment
[
class
*=
"bottom attached"
]
{
bottom
:
0
;
margin-top
:
0
;
top
:
0
;
margin-bottom
:
1rem
;
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
),
none
;
border-radius
:
0
0
.28571429rem
.28571429rem
}
.ui.segment
[
class
*=
"bottom attached"
]
:last-child
{
margin-bottom
:
0
}
.ui.mini.segment
,
.ui.mini.segments
.segment
{
font-size
:
.78571429rem
}
.ui.tiny.segment
,
.ui.tiny.segments
.segment
{
font-size
:
.85714286rem
}
.ui.small.segment
,
.ui.small.segments
.segment
{
font-size
:
.92857143rem
}
.ui.segment
,
.ui.segments
.segment
{
font-size
:
1rem
}
.ui.large.segment
,
.ui.large.segments
.segment
{
font-size
:
1.14285714rem
}
.ui.big.segment
,
.ui.big.segments
.segment
{
font-size
:
1.28571429rem
}
.ui.huge.segment
,
.ui.huge.segments
.segment
{
font-size
:
1.42857143rem
}
.ui.massive.segment
,
.ui.massive.segments
.segment
{
font-size
:
1.71428571rem
}
.ui.menu
{
display
:
flex
;
margin
:
1rem
0
;
background
:
#FFF
;
border
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
-webkit-box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
box-shadow
:
0
1px
2px
0
rgba
(
34
,
36
,
38
,
.15
);
border-radius
:
.28571429rem
;
min-height
:
2.85714286em
}
.ui.menu
.item
>
p
:last-child
,
.ui.menu
:last-child
{
margin-bottom
:
0
}
.ui.menu
.item
>
p
:first-child
,
.ui.menu
:first-child
{
margin-top
:
0
}
.ui.menu
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
clear
:
both
;
visibility
:
hidden
}
.ui.menu
.menu
{
margin
:
0
}
.ui.menu
:not
(
.vertical
)>
.menu
{
display
:
flex
}
.ui.menu
:not
(
.vertical
)
.item
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.ui.menu
.item
{
position
:
relative
;
vertical-align
:
middle
;
line-height
:
1
;
text-decoration
:
none
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
background
:
0
0
;
padding
:
.92857143em
1.14285714em
;
text-transform
:
none
;
color
:
rgba
(
0
,
0
,
0
,
.87
);
-webkit-transition
:
background
.1s
ease
,
color
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
background
.1s
ease
,
color
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
transition
:
background
.1s
ease
,
box-shadow
.1s
ease
,
color
.1s
ease
;
transition
:
background
.1s
ease
,
box-shadow
.1s
ease
,
color
.1s
ease
,
-webkit-box-shadow
.1s
ease
}
.ui.menu
>
.item
:first-child
{
border-radius
:
.28571429rem
0
0
.28571429rem
}
.ui.menu
.item
:before
{
position
:
absolute
;
content
:
''
;
top
:
0
;
right
:
0
;
height
:
100%
;
width
:
1px
;
background
:
rgba
(
34
,
36
,
38
,
.1
)}
.ui.item.menu
.dropdown
.menu
.item
,
.ui.menu
.item
>
.input
{
width
:
100%
}
.ui.menu
.item
>
a
:not
(
.ui
),
.ui.menu
.item
>
p
:only-child
,
.ui.menu
.text.item
>*
{
-webkit-user-select
:
text
;
-moz-user-select
:
text
;
-ms-user-select
:
text
;
user-select
:
text
;
line-height
:
1.3
}
.ui.menu
.item
>
i
.icon
{
opacity
:
.9
;
float
:
none
;
margin
:
0
.35714286em
0
0
}
.ui.menu
:not
(
.vertical
)
.item
>
.button
,
.ui.menu
:not
(
.vertical
)
.item
>
.input
{
margin
:
-.5em
0
;
top
:
0
;
position
:
relative
}
.ui.menu
:not
(
.vertical
)
.item
>
.button
{
padding-bottom
:
.78571429em
;
padding-top
:
.78571429em
;
font-size
:
1em
}
.ui.menu
>
.container
,
.ui.menu
>
.grid
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
inherit
;
-ms-flex-align
:
inherit
;
align-items
:
inherit
;
-webkit-box-orient
:
inherit
;
-webkit-box-direction
:
inherit
;
-ms-flex-direction
:
inherit
;
flex-direction
:
inherit
}
.ui.menu
.item
>
.input
input
{
font-size
:
1em
;
padding-top
:
.57142857em
;
padding-bottom
:
.57142857em
}
.ui.menu
.header.item
,
.ui.vertical.menu
.header.item
{
margin
:
0
;
background
:
0
0
;
text-transform
:
normal
;
font-weight
:
700
}
.ui.vertical.menu
.item
>
.header
:not
(
.ui
)
{
margin
:
0
0
.5em
;
font-size
:
1em
;
font-weight
:
700
}
.ui.menu
.item
>
i
.dropdown.icon
{
padding
:
0
;
float
:
right
;
margin
:
0
0
0
1em
}
.ui.menu
.dropdown.item
.menu
{
min-width
:
calc
(
100%
-
1px
);
border-radius
:
0
0
.28571429rem
.28571429rem
;
background
:
#FFF
;
margin
:
0
;
-webkit-box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
-webkit-box-orient
:
vertical
!important
;
-webkit-box-direction
:
normal
!important
;
-ms-flex-direction
:
column
!important
;
flex-direction
:
column
!important
}
.ui.menu
.ui.dropdown
.menu
>
.item
{
margin
:
0
;
text-align
:
left
;
font-size
:
1em
!important
;
padding
:
.78571429em
1.14285714em
!important
;
background
:
0
0
!important
;
color
:
rgba
(
0
,
0
,
0
,
.87
)
!important
;
text-transform
:
none
!important
;
font-weight
:
400
!important
;
-webkit-box-shadow
:
none
!important
;
box-shadow
:
none
!important
;
-webkit-transition
:
none
!important
;
transition
:
none
!important
}
.ui.menu
.item
>
.floating.label
,
.ui.menu
.item
>
.label
{
padding
:
.3em
.78571429em
}
.ui.menu
.ui.dropdown
.menu
>
.item
:hover
,
.ui.menu
.ui.dropdown
.menu
>
.selected.item
{
background
:
rgba
(
0
,
0
,
0
,
.05
)
!important
;
color
:
rgba
(
0
,
0
,
0
,
.95
)
!important
}
.ui.menu
.ui.dropdown
.menu
>
.active.item
{
background
:
rgba
(
0
,
0
,
0
,
.03
)
!important
;
font-weight
:
700
!important
;
color
:
rgba
(
0
,
0
,
0
,
.95
)
!important
}
.ui.menu
.ui.dropdown.item
.menu
.item
:not
(
.filtered
)
{
display
:
block
}
.ui.menu
.ui.dropdown
.menu
>
.item
.icon
:not
(
.dropdown
)
{
display
:
inline-block
;
font-size
:
1em
!important
;
float
:
none
;
margin
:
0
.75em
0
0
}
.ui.secondary.menu
.dropdown.item
>
.menu
,
.ui.text.menu
.dropdown.item
>
.menu
{
border-radius
:
.28571429rem
;
margin-top
:
.35714286em
}
.ui.menu
.pointing.dropdown.item
.menu
{
margin-top
:
.75em
}
.ui.inverted.menu
.search.dropdown.item
>
.search
,
.ui.inverted.menu
.search.dropdown.item
>
.text
{
color
:
rgba
(
255
,
255
,
255
,
.9
)}
.ui.vertical.menu
.dropdown.item
>
.icon
{
float
:
right
;
content
:
"\f0da"
;
margin-left
:
1em
}
.ui.items
>
.item
.extra
:after
,
.ui.items
>
.item
:after
,
.ui.items
>
.item
>
.content
:after
{
content
:
' '
;
clear
:
both
;
overflow
:
hidden
;
visibility
:
hidden
}
.ui.vertical.menu
.dropdown.item
.menu
{
left
:
100%
;
min-width
:
0
;
margin
:
0
;
-webkit-box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.08
);
border-radius
:
0
.28571429rem
.28571429rem
}
.ui.vertical.menu
.dropdown.item.upward
.menu
{
bottom
:
0
}
.ui.vertical.menu
.dropdown.item
:not
(
.upward
)
.menu
{
top
:
0
}
.ui.vertical.menu
.active.dropdown.item
{
border-top-right-radius
:
0
;
border-bottom-right-radius
:
0
}
.ui.vertical.menu
.dropdown.active.item
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.menu
.item
>
.label
{
background
:
#999
;
color
:
#FFF
;
margin-left
:
1em
}
.ui.vertical.menu
.item
>
.label
{
background
:
#999
;
color
:
#FFF
;
margin-top
:
-.15em
;
margin-bottom
:
-.15em
;
padding
:
.3em
.78571429em
}
.ui.menu
.item
>
img
:not
(
.ui
)
{
display
:
inline-block
;
vertical-align
:
middle
;
margin
:
-.3em
0
;
width
:
2.5em
}
.ui.vertical.menu
.item
>
img
:not
(
.ui
)
:only-child
{
display
:
block
;
max-width
:
100%
;
width
:
auto
}
.ui.vertical.sidebar.menu
>
.item
:first-child:before
{
display
:
block
!important
}
.ui.vertical.sidebar.menu
>
.item
::before
{
top
:
auto
;
bottom
:
0
}
@media
only
screen
and
(
max-width
:
767px
){
.ui.menu
>
.ui.container
{
width
:
100%
!important
;
margin-left
:
0
!important
;
margin-right
:
0
!important
}}
@media
only
screen
and
(
min-width
:
768px
){
.ui.menu
:not
(
.secondary
)
:not
(
.text
)
:not
(
.tabular
)
:not
(
.borderless
)>
.container
>
.item
:not
(
.right
)
:not
(
.borderless
)
:first-child
{
border-left
:
1px
solid
rgba
(
34
,
36
,
38
,
.1
)}}
.ui.link.menu
.item
:hover
,
.ui.menu
.dropdown.item
:hover
,
.ui.menu
.link.item
:hover
,
.ui.menu
a
.item
:hover
{
cursor
:
pointer
;
background
:
rgba
(
0
,
0
,
0
,
.03
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.link.menu
.item
:active
,
.ui.menu
.link.item
:active
,
.ui.menu
a
.item
:active
{
background
:
rgba
(
0
,
0
,
0
,
.03
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.menu
.active.item
{
background
:
rgba
(
0
,
0
,
0
,
.05
);
color
:
rgba
(
0
,
0
,
0
,
.95
);
font-weight
:
400
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.menu
.active.item
>
i
.icon
{
opacity
:
1
}
.ui.menu
.active.item
:hover
,
.ui.vertical.menu
.active.item
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
.05
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.menu
.item.disabled
,
.ui.menu
.item.disabled
:hover
{
cursor
:
default
;
background-color
:
transparent
!important
;
color
:
rgba
(
40
,
40
,
40
,
.3
)}
.ui.items
a
.item
:hover
,
.ui.items
>
.item
a
,
.ui.link.items
>
.item
:hover
{
cursor
:
pointer
}
.ui.menu
:not
(
.vertical
)
.right.item
,
.ui.menu
:not
(
.vertical
)
.right.menu
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin-left
:
auto
!important
}
.ui.secondary.menu
{
background
:
0
0
;
margin-left
:
-.35714286em
;
margin-right
:
-.35714286em
;
border-radius
:
0
;
border
:
none
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.secondary.menu
.item
{
-ms-flex-item-align
:
center
;
align-self
:
center
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border
:
none
;
padding
:
.78571429em
.92857143em
;
margin
:
0
.35714286em
;
background
:
0
0
;
-webkit-transition
:
color
.1s
ease
;
transition
:
color
.1s
ease
;
border-radius
:
.28571429rem
}
.ui.secondary.menu
.item
:before
{
display
:
none
!important
}
.ui.secondary.menu
.header.item
{
border-radius
:
0
;
border-right
:
none
;
background
:
none
}
.ui.secondary.menu
.active.item
,
.ui.secondary.menu
.active.item
:hover
,
.ui.secondary.menu
.dropdown.item
:hover
,
.ui.secondary.menu
.link.item
:hover
,
.ui.secondary.menu
a
.item
:hover
{
background
:
rgba
(
0
,
0
,
0
,
.05
);
color
:
rgba
(
0
,
0
,
0
,
.95
)}
.ui.secondary.menu
.item
>
img
:not
(
.ui
)
{
margin
:
0
}
.ui.secondary.menu
.active.item
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
border-radius
:
.28571429rem
}
.ui.secondary.menu
.active.item
:hover
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.secondary.inverted.menu
.link.item
,
.ui.secondary.inverted.menu
a
.item
{
color
:
rgba
(
255
,
255
,
255
,
.7
)
!important
}
.ui.secondary.inverted.menu
.dropdown.item
:hover
,
.ui.secondary.inverted.menu
.link.item
:hover
,
.ui.secondary.inverted.menu
a
.item
:hover
{
background
:
rgba
(
255
,
255
,
255
,
.08
);
color
:
#fff
!important
}
.ui.secondary.inverted.menu
.active.item
{
background
:
rgba
(
255
,
255
,
255
,
.15
);
color
:
#fff
!important
}
.ui.secondary.item.menu
{
margin-left
:
0
;
margin-right
:
0
}
.ui.secondary.item.menu
.item
:last-child
{
margin-right
:
0
}
.ui.secondary.attached.menu
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.ui.items
>
.item
,
.ui.items
>
.item
>
.content
{
-webkit-box-shadow
:
none
;
padding
:
0
;
background
:
0
0
}
.ui.vertical.secondary.menu
.item
:not
(
.dropdown
)>
.menu
{
margin
:
0
-.92857143em
}
.ui.vertical.secondary.menu
.item
:not
(
.dropdown
)>
.menu
>
.item
{
margin
:
0
;
padding
:
.5em
1.33333333em
}
.ui.secondary.vertical.menu
>
.item
{
border
:
none
;
margin
:
0
0
.35714286em
;
border-radius
:
.28571429rem
!important
}
.ui.secondary.vertical.menu
>
.header.item
{
border-radius
:
0
}
.ui.secondary.inverted.menu
,
.ui.vertical.secondary.menu
.item
>
.menu
.item
{
background-color
:
transparent
}
.ui.menu
{
font-size
:
1rem
}
.ui.large.menu
{
font-size
:
1.07142857rem
}
.ui.items
>
.item
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin
:
1em
0
;
width
:
100%
;
min-height
:
0
;
border
:
none
;
border-radius
:
0
;
box-shadow
:
none
;
-webkit-transition
:
-webkit-box-shadow
.1s
ease
;
transition
:
-webkit-box-shadow
.1s
ease
;
transition
:
box-shadow
.1s
ease
;
transition
:
box-shadow
.1s
ease
,
-webkit-box-shadow
.1s
ease
;
z-index
:
''
}
.ui.items
{
margin
:
1.5em
0
}
.ui.items
:first-child
{
margin-top
:
0
!important
}
.ui.items
:last-child
{
margin-bottom
:
0
!important
}
.ui.items
>
.item
:after
{
display
:
block
;
height
:
0
}
.ui.items
>
.item
:first-child
{
margin-top
:
0
}
.ui.items
>
.item
:last-child
{
margin-bottom
:
0
}
.ui.items
>
.item
>
.image
{
position
:
relative
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
display
:
block
;
float
:
none
;
margin
:
0
;
padding
:
0
;
max-height
:
''
;
-ms-flex-item-align
:
top
;
align-self
:
top
}
.ui.items
>
.item
>
.image
>
img
{
display
:
block
;
width
:
100%
;
height
:
auto
;
border-radius
:
.125rem
;
border
:
none
}
.ui.items
>
.item
>
.image
:only-child
>
img
{
border-radius
:
0
}
.ui.items
>
.item
>
.content
{
display
:
block
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
;
box-shadow
:
none
;
font-size
:
1em
;
border
:
none
;
border-radius
:
0
}
.ui.items
>
.item
>
.content
:after
{
display
:
block
;
height
:
0
}
.ui.items
>
.item
>
.image
.content
{
min-width
:
0
;
width
:
auto
;
display
:
block
;
margin-left
:
0
;
-ms-flex-item-align
:
top
;
align-self
:
top
;
padding-left
:
1.5em
}
.ui.items
>
.item
>
.content
>
.header
{
display
:
inline-block
;
margin
:
-.21425em
0
0
;
font-weight
:
700
;
color
:
rgba
(
0
,
0
,
0
,
.85
)}
.ui.items
>
.item
>
.content
>
.header
:not
(
.ui
)
{
font-size
:
1.28571429em
}
.ui.items
>
.item
[
class
*=
"left floated"
]
{
float
:
left
}
.ui.items
>
.item
[
class
*=
"right floated"
]
{
float
:
right
}
.ui.items
>
.item
.content
img
{
-ms-flex-item-align
:
middle
;
align-self
:
middle
;
width
:
''
}
.ui.items
>
.item
.avatar
img
,
.ui.items
>
.item
img
.avatar
{
width
:
''
;
height
:
''
;
border-radius
:
500rem
}
.ui.items
>
.item
>
.content
>
.description
{
margin-top
:
.6em
;
max-width
:
auto
;
font-size
:
1em
;
line-height
:
1.4285em
;
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.items
>
.item
>
.content
p
{
margin
:
0
0
.5em
}
.ui.items
>
.item
>
.content
p
:last-child
{
margin-bottom
:
0
}
.ui.items
>
.item
.meta
{
margin
:
.5em
0
;
font-size
:
1em
;
line-height
:
1em
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.ui.items
>
.item
>
.content
a
:not
(
.ui
),
.ui.items
>
.item
>
.content
a
:not
(
.ui
)
:hover
{
color
:
''
}
.ui.items
>
.item
.meta
*
{
margin-right
:
.3em
}
.ui.items
>
.item
.meta
:last-child
{
margin-right
:
0
}
.ui.items
>
.item
.meta
[
class
*=
"right floated"
]
{
margin-right
:
0
;
margin-left
:
.3em
}
.ui.items
>
.item
>
.content
a
:not
(
.ui
)
{
-webkit-transition
:
color
.1s
ease
;
transition
:
color
.1s
ease
}
.ui.items
>
.item
>
.content
>
a
.header
{
color
:
rgba
(
0
,
0
,
0
,
.85
)}
.ui.items
>
.item
>
.content
>
a
.header
:hover
{
color
:
#1e70bf
}
.ui.items
>
.item
.meta
>
a
:not
(
.ui
)
{
color
:
rgba
(
0
,
0
,
0
,
.4
)}
.ui.items
>
.item
.meta
>
a
:not
(
.ui
)
:hover
{
color
:
rgba
(
0
,
0
,
0
,
.87
)}
.ui.items
>
.item
.extra
{
display
:
block
;
position
:
relative
;
background
:
0
0
;
margin
:
.5rem
0
0
;
width
:
100%
;
padding
:
0
;
top
:
0
;
left
:
0
;
color
:
rgba
(
0
,
0
,
0
,
.4
);
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-transition
:
color
.1s
ease
;
transition
:
color
.1s
ease
;
border-top
:
none
}
.ui.items
>
.item
.extra
>*
{
margin
:
.25rem
.5rem
.25rem
0
}
.ui.items
>
.item
.extra
>[
class
*=
"right floated"
]
{
margin
:
.25rem
0
.25rem
.5rem
}
.ui.items
>
.item
.extra
:after
{
display
:
block
;
height
:
0
}
.ui.items
>
.item
>
.image
:not
(
.ui
)
{
width
:
175px
}
@media
only
screen
and
(
min-width
:
768px
)
and
(
max-width
:
991px
){
.ui.items
>
.item
{
margin
:
1em
0
}
.ui.items
>
.item
>
.image
:not
(
.ui
)
{
width
:
150px
}
.ui.items
>
.item
>
.image
.content
{
display
:
block
;
padding
:
0
0
0
1em
}}
@media
only
screen
and
(
max-width
:
767px
){
.ui.items
:not
(
.unstackable
)>
.item
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
margin
:
2em
0
}
.ui.items
:not
(
.unstackable
)>
.item
>
.image
{
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
}
.ui.items
:not
(
.unstackable
)>
.item
>
.image
,
.ui.items
:not
(
.unstackable
)>
.item
>
.image
>
img
{
max-width
:
100%
!important
;
width
:
auto
!important
;
max-height
:
250px
!important
}
.ui.items
:not
(
.unstackable
)>
.item
>
.image
.content
{
display
:
block
;
padding
:
1.5em
0
0
}
.ui.unstackable.items
>
.item
>
.image
,
.ui.unstackable.items
>
.item
>
.image
>
img
{
width
:
125px
!important
}}
.ui.items
>
.item
>
.image
[
class
*=
"top aligned"
]
.content
{
-ms-flex-item-align
:
start
;
align-self
:
flex-start
}
.ui.items
>
.item
>
.image
[
class
*=
"middle aligned"
]
.content
{
-ms-flex-item-align
:
center
;
align-self
:
center
}
.ui.items
>
.item
>
.image
[
class
*=
"bottom aligned"
]
.content
{
-ms-flex-item-align
:
end
;
align-self
:
flex-end
}
.ui.relaxed.items
>
.item
{
margin
:
1.5em
0
}
.ui
[
class
*=
"very relaxed"
]
.items
>
.item
{
margin
:
2em
0
}
.ui.divided.items
>
.item
{
border-top
:
1px
solid
rgba
(
34
,
36
,
38
,
.15
);
margin
:
0
;
padding
:
1em
0
}
.ui.divided.items
>
.item
:first-child
{
border-top
:
none
;
margin-top
:
0
!important
;
padding-top
:
0
!important
}
.ui.divided.items
>
.item
:last-child
{
margin-bottom
:
0
!important
;
padding-bottom
:
0
!important
}
.ui.relaxed.divided.items
>
.item
{
margin
:
0
;
padding
:
1.5em
0
}
.ui
[
class
*=
"very relaxed"
]
.divided.items
>
.item
{
margin
:
0
;
padding
:
2em
0
}
.ui.items
a
.item
:hover
.content
.header
,
.ui.link.items
>
.item
:hover
.content
.header
{
color
:
#1e70bf
}
.ui.items
>
.item
{
font-size
:
1em
}
.ui.image
{
position
:
relative
;
display
:
inline-block
;
vertical-align
:
middle
;
max-width
:
100%
;
background-color
:
transparent
}
img
.ui.image
{
display
:
block
}
.ui.image
img
,
.ui.image
svg
{
display
:
block
;
max-width
:
100%
;
height
:
auto
}
.ui.centered.image
,
.ui.centered.images
{
margin-left
:
auto
;
margin-right
:
auto
}
.ui.mini.image
,
.ui.mini.images
.image
,
.ui.mini.images
img
,
.ui.mini.images
svg
{
width
:
35px
;
height
:
auto
;
font-size
:
.78571429rem
}
.pusher
.stripe
{
padding
:
5rem
0
}
</style><style>img
[
data-src
]
{
filter
:
blur
(
2px
)
!important
}
.following.bar
{
position
:
fixed
!important
;
top
:
0
!important
;
z-index
:
900
!important
;
left
:
0
!important
;
padding
:
2em
0
!important
;
width
:
100%
!important
;
box-shadow
:
0
0
0
0
transparent
!important
;
border-bottom
:
1px
solid
transparent
!important
;
transition
:
padding
.5s
ease
,
background
.5s
ease
,
box-shadow
.5s
ease
,
border
.5s
ease
!important
}
.ui.logo
{
opacity
:
.9
!important
;
float
:
none
!important
;
margin
:
0
.35714286em
0
0
!important
;
height
:
1em
!important
}
.secondary.menu
.item
{
line-height
:
1.6rem
!important
}
.secondary.menu
.item
>
i
.icon
{
height
:
1.6rem
!important
}
.following.bar
{
padding
:
1em
0
!important
}
body
.noscript
.following.bar
,
.following.bar.qd
{
background
:
#0a70c0
!important
}
.masthead
{
position
:
relative
!important
;
overflow
:
hidden
!important
;
text-align
:
center
!important
;
color
:
rgba
(
255
,
255
,
255
,
0.9
)
!important
;
margin-bottom
:
0
!important
;
border-bottom
:
none
!important
;
background
:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E")
center
center
no-repeat
,
linear-gradient
(
148deg
,
#124E99
7%
,
#105a94
20%
,
#0a70c0
27%
,
#0291E7
60%
,
#0271B3
100%
)
!important
;
background-size
:
cover
,
cover
!important
;
padding
:
10rem
0
!important
;
max-height
:
100vh
!important
}
.masthead
:after
{
content
:
""
!important
;
height
:
calc
(
50px
+
7vh
+
7vw
)
!important
;
position
:
absolute
!important
;
bottom
:
0
!important
;
left
:
0
!important
;
right
:
0
!important
;
background
:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath d='M 0%2C810 1440%2C0 l 0%2C810 z' fill='%23fff'/%3E%3C/svg%3E")
no-repeat
center
center
!important
;
background-size
:
100%
100%
!important
}
.introduction
h1
.header
{
font-size
:
4.5rem
!important
}
.pusher
.stripe
h2
{
font-size
:
26px
!important
}
.ui.grid
.row
+
.ui.divider
{
margin-top
:
3rem
!important
;
margin-bottom
:
3rem
!important
}
#image_container
img
.phone
{
display
:
inline-block
!important
;
max-height
:
33vw
!important
;
max-width
:
355px
!important
;
vertical-align
:
middle
!important
}
#image_container
img
.tablet
{
display
:
inline-block
!important
;
max-height
:
33vw
!important
;
max-width
:
633px
!important
;
vertical-align
:
middle
!important
}
.pusher
.stripe
.column
>
p
{
font-size
:
16px
!important
;
line-height
:
1.6
!important
;
margin
:
1em
0
!important
}
.pusher
.alternate.stripe
{
background-color
:
#F2F3F5
!important
}
.vertical.segment
{
box-shadow
:
none
!important
}
.pusher
>
.footer
{
clear
:
both
!important
;
margin
:
0
!important
;
border-radius
:
0
!important
;
padding
:
4em
0
!important
}
.pusher
>
.footer
.grid
{
display
:
block
!important
}
.pusher
>
.footer
.grid
.column
{
margin-left
:
2rem
!important
;
margin-right
:
2rem
!important
}
.introduction
{
perspective
:
500px
!important
;
text-shadow
:
0
0
10px
rgba
(
0
,
0
,
0
,
0.2
)
!important
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
;
margin-bottom
:
6rem
!important
}
.pusher
.stripe
{
padding
:
5rem
0
!important
;
border-radius
:
0
!important
;
margin
:
0
!important
}
.ui.header
{
font-weight
:
400
!important
}
.pusher
.stripe
h1
{
font-size
:
40px
!important
}
.pusher
.intro.segment
h1
+
p
{
font-size
:
22px
!important
}
.image
{
overflow
:
hidden
!important
}
@media
(
max-width
:
359px
){
.ui.menu
.item
{
font-size
:
.9rem
!important
}}
@media
(
max-width
:
500px
){
.ui.menu
.item
>
span
.text
{
display
:
none
!important
}
.ui.menu
.item
>
i
.icon
{
margin-right
:
0
!important
}
.masthead.segment
{
min-height
:
100vh
!important
}}
@media
(
max-width
:
1024px
){
.introduction
h1
.header
{
font-size
:
3rem
!important
}
.introduction
h2
{
font-size
:
1.4rem
!important
}
.masthead.segment
{
padding
:
6rem
0
0
!important
}
.pusher
.stripe
{
padding
:
2rem
0
!important
}
.introduction
{
margin-bottom
:
2rem
!important
}}
@media
(
max-width
:
800px
),(
max-height
:
720px
){
#image_container
img
.tablet
{
display
:
none
!important
}
#image_container
img
.phone
{
max-width
:
calc
(
50vw
+
100px
)
!important
;
max-height
:
100vh
!important
;
margin-bottom
:
calc
(
-33vh
)
!important
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1rem
!important
}}
@media
(
min-width
:
800px
)
and
(
max-height
:
800px
){
#image_container
img
.tablet
{
display
:
none
!important
}
#image_container
img
.phone
{
max-width
:
calc
(
50vw
+
100px
)
!important
;
max-height
:
100vh
!important
;
margin-bottom
:
calc
(
-33vh
)
!important
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1rem
!important
}
.introduction
,
.introduction
+
.row
{
display
:
inline-block
!important
;
margin-left
:
4rem
!important
;
margin-right
:
4rem
!important
}}
@media
(
max-height
:
500px
){
.masthead.segment
{
max-height
:
initial
!important
}
#image_container
img
.tablet
{
display
:
none
!important
}
#image_container
img
.phone
{
max-width
:
calc
(
50vw
+
100px
)
!important
;
max-height
:
100vh
!important
;
margin-bottom
:
calc
(
-22vh
)
!important
}
.ui.huge.button
,
.ui.huge.buttons
.button
,
.ui.huge.buttons
.or
{
font-size
:
1rem
!important
}
.introduction
,
.introduction
+
.row
{
display
:
inline-block
!important
;
margin-left
:
4rem
!important
;
margin-right
:
4rem
!important
}}
</style></head><body
class=
"noscript"
id=
"page-index"
><noscript><style>img
[
data-src
]
{
display
:
none
!important
;
display
:
none
!important
;
}
</style></noscript><script>
document
.
body
.
classList
.
remove
(
"
noscript
"
);
</script><div
class=
"pusher"
><div
class=
"full height"
><div
class=
"following bar"
><div
class=
"ui container"
><div
class=
"ui large secondary menu inverted"
><a
class=
"view-ui item active"
><img
class=
"ui logo left"
src=
"assets/images/icon.svg"
>
QuasselDroid
</a><a
class=
"view-ui item"
href=
"
blog/"
>
Blog
</a><div
class=
"right menu"
><a
class=
"view-ui item"
href=
"https://github.com/sandsmark/QuasselDroid"
><i
class=
"icon github left"
></i><span
class=
"text"
>
GitHub
</span></a><a
class=
"view-ui item"
href=
"releases/"
><i
class=
"icon download left"
></i><span
class=
"text"
>
Download
</span></a></div></div></div></div><div
class=
"masthead segment"
><div
class=
"ui container"
><div
class=
"introduction"
><h1
class=
"ui inverted header"
>
QuasselDroid
</h1><h2
class=
"ui inverted"
>
Chat comfortably, everywhere.
</h2><div
class=
"ui hidden divider"
></div><a
class=
"ui huge inverted download button"
href=
"releases/"
><i
class=
"icon download left"
></i><span
class=
"text"
>
Download
</span></a><a
class=
"ui huge inverted basic button"
href=
"https://github.com/sandsmark/QuasselDroid"
><i
class=
"icon github left"
></i><span
class=
"text"
>
GitHub
</span></a></div><div
class=
"row"
><div
class=
"wide column"
><div
id=
"image_container"
><img
class=
"phone"
src=
"assets/images/phone@400.png"
sizes=
"(max-height: 800px) calc(50vw + 101px), (max-width: 800px) calc(50vw + 101px), calc(33vw + 1px)"
srcset=
"assets/images/phone@220.png 220w, assets/images/phone@300.png 300w, assets/images/phone@400.png 400w, assets/images/phone@520.png 520w, assets/images/phone@640.png 640w, assets/images/phone@800.png 800w, assets/images/phone@1000.png 1000w, assets/images/phone@1220.png 1220w"
><noscript><img
class=
"tablet"
src=
"assets/images/tablet@1090.png"
sizes=
"calc(33vw + 1px)"
srcset=
"assets/images/tablet@545.png 545w, assets/images/tablet@640.png 640w, assets/images/tablet@720.png 720w, assets/images/tablet@800.png 800w, assets/images/tablet@880.png 880w, assets/images/tablet@960.png 960w, assets/images/tablet@1090.png 1090w, assets/images/tablet@thumb35.png 1635w, assets/images/tablet@2180.png 2180w"
></noscript><img
class=
"tablet"
src=
"assets/images/tablet@thumb.png"
data-src=
"assets/images/tablet@1090.png"
sizes=
"calc(33vw + 1px)"
data-srcset=
"assets/images/tablet@545.png 545w, assets/images/tablet@640.png 640w, assets/images/tablet@720.png 720w, assets/images/tablet@800.png 800w, assets/images/tablet@880.png 880w, assets/images/tablet@960.png 960w, assets/images/tablet@1090.png 1090w, assets/images/tablet@thumb35.png 1635w, assets/images/tablet@2180.png 2180w"
></div></div></div></div></div><div
class=
"ui vertical stripe intro segment"
><div
class=
"ui stackable very relaxed center aligned grid container"
><div
class=
"row"
><div
class=
"seven wide column left aligned"
><h2
class=
"ui header"
>
Built on Quassel
</h2><p>
Quassel makes IRC fun again – open a client anywhere, connect
}
</style></noscript><script>
document
.
body
.
classList
.
remove
(
"
noscript
"
);
</script><div
class=
"pusher"
><div
class=
"full height"
><div
class=
"following bar"
><div
class=
"ui container"
><div
class=
"ui large secondary menu inverted"
><a
class=
"view-ui item active"
><img
class=
"ui logo left"
src=
"assets/images/icon.svg"
>
QuasselDroid
</a><a
class=
"view-ui item"
href=
"
docs/"
>
Docs
</a><div
class=
"right menu"
><a
class=
"view-ui item"
href=
"https://github.com/sandsmark/QuasselDroid"
><i
class=
"icon github left"
></i><span
class=
"text"
>
GitHub
</span></a><a
class=
"view-ui item"
href=
"releases/"
><i
class=
"icon download left"
></i><span
class=
"text"
>
Download
</span></a></div></div></div></div><div
class=
"masthead segment"
><div
class=
"ui container"
><div
class=
"introduction"
><h1
class=
"ui inverted header"
>
QuasselDroid
</h1><h2
class=
"ui inverted"
>
Chat comfortably, everywhere.
</h2><div
class=
"ui hidden divider"
></div><a
class=
"ui huge inverted download button"
href=
"releases/"
><i
class=
"icon download left"
></i><span
class=
"text"
>
Download
</span></a><a
class=
"ui huge inverted basic button"
href=
"https://github.com/sandsmark/QuasselDroid"
><i
class=
"icon github left"
></i><span
class=
"text"
>
GitHub
</span></a></div><div
class=
"row"
><div
class=
"wide column"
><div
id=
"image_container"
><img
class=
"phone"
src=
"assets/images/phone@400.png"
sizes=
"(max-height: 800px) calc(50vw + 101px), (max-width: 800px) calc(50vw + 101px), calc(33vw + 1px)"
srcset=
"assets/images/phone@220.png 220w, assets/images/phone@300.png 300w, assets/images/phone@400.png 400w, assets/images/phone@520.png 520w, assets/images/phone@640.png 640w, assets/images/phone@800.png 800w, assets/images/phone@1000.png 1000w, assets/images/phone@1220.png 1220w"
><noscript><img
class=
"tablet"
src=
"assets/images/tablet@1090.png"
sizes=
"calc(33vw + 1px)"
srcset=
"assets/images/tablet@545.png 545w, assets/images/tablet@640.png 640w, assets/images/tablet@720.png 720w, assets/images/tablet@800.png 800w, assets/images/tablet@880.png 880w, assets/images/tablet@960.png 960w, assets/images/tablet@1090.png 1090w, assets/images/tablet@thumb35.png 1635w, assets/images/tablet@2180.png 2180w"
></noscript><img
class=
"tablet"
src=
"assets/images/tablet@thumb.png"
data-src=
"assets/images/tablet@1090.png"
sizes=
"calc(33vw + 1px)"
data-srcset=
"assets/images/tablet@545.png 545w, assets/images/tablet@640.png 640w, assets/images/tablet@720.png 720w, assets/images/tablet@800.png 800w, assets/images/tablet@880.png 880w, assets/images/tablet@960.png 960w, assets/images/tablet@1090.png 1090w, assets/images/tablet@thumb35.png 1635w, assets/images/tablet@2180.png 2180w"
></div></div></div></div></div><div
class=
"ui vertical stripe intro segment"
><div
class=
"ui stackable very relaxed center aligned grid container"
><div
class=
"row"
><div
class=
"seven wide column left aligned"
><h2
class=
"ui header"
>
Built on Quassel
</h2><p>
Quassel makes IRC fun again – open a client anywhere, connect
to your core, and have all your favourite channels and
to your core, and have all your favourite channels and
networks right there.
</p><p>
Be it at home with Windows, macOS, Linux, on the go with
networks right there.
</p><p>
Be it at home with Windows, macOS, Linux, on the go with
Android or iOS, or via the web. Everything is exactly the way
Android or iOS, or via the web. Everything is exactly the way
...
...
This diff is collapsed.
Click to expand it.
index.pug
+
2
−
2
View file @
a853e5a5
...
@@ -73,8 +73,8 @@ html(lang="en")
...
@@ -73,8 +73,8 @@ html(lang="en")
a.view-ui.item.active
a.view-ui.item.active
img.ui.logo.left(src="assets/images/icon.svg")
img.ui.logo.left(src="assets/images/icon.svg")
| QuasselDroid
| QuasselDroid
a.view-ui.item(href="
blog
/")
a.view-ui.item(href="
docs
/")
|
Blog
|
Docs
.right.menu
.right.menu
a.view-ui.item(href="https://github.com/sandsmark/QuasselDroid")
a.view-ui.item(href="https://github.com/sandsmark/QuasselDroid")
i.icon.github.left
i.icon.github.left
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment
