Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
F
FFS Gluon
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Deploy
Releases
Model registry
Monitor
Incidents
Analyze
Value stream analytics
Contributor 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
firmware
FFS Gluon
Commits
623966af
Commit
623966af
authored
9 years ago
by
Matthias Schiffer
Browse files
Options
Downloads
Patches
Plain Diff
gluon-luci-theme: more consistent button spacing
parent
adf7b0d8
No related branches found
No related tags found
No related merge requests found
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
package/gluon-luci-theme/files/www/luci-static/gluon/cascade.css
+2
-1
2 additions, 1 deletion
.../gluon-luci-theme/files/www/luci-static/gluon/cascade.css
package/gluon-luci-theme/sass/cascade.scss
+1
-5
1 addition, 5 deletions
package/gluon-luci-theme/sass/cascade.scss
with
3 additions
and
6 deletions
package/gluon-luci-theme/files/www/luci-static/gluon/cascade.css
+
2
−
1
View file @
623966af
@charset
"UTF-8"
;
.lang_he
{
direction
:
RTL
;
unicode-bidi
:
embed
}
.hidden
{
display
:
none
}
html
{
min-height
:
100%
;
height
:
auto
;
position
:
relative
}
body
,
input
,
select
,
option
{
font-family
:
'Open Sans'
,
Arial
,
sans-serif
;
font-size
:
12pt
}
body
{
color
:
#4d4e53
;
line-height
:
1.5em
;
margin
:
0
;
display
:
flex
;
flex-direction
:
column
;
min-height
:
100vh
;
background-color
:
#f3f3f3
}
a
img
{
border
:
none
;
text-decoration
:
none
}
.tabmenu1
{
text-align
:
center
}
ul
.tabmenu
{
list-style
:
none
;
padding
:
0
;
margin
:
2em
0
;
display
:
inline-flex
}
ul
.tabmenu
li
{
white-space
:
nowrap
;
margin
:
0
0.5em
;
padding
:
0
;
text-align
:
center
}
ul
.tabmenu
li
a
{
display
:
block
;
text-decoration
:
none
;
padding
:
1em
;
margin
:
0
;
color
:
#333
;
border-radius
:
2em
}
ul
.tabmenu
li
a
:hover
{
background
:
#ffe9b3
}
ul
.tabmenu
li
.active
a
{
font-weight
:
bold
;
background
:
white
;
color
:
#333
}
abbr
,
acronym
{
font-style
:
normal
;
font-variant
:
normal
}
abbr
[
title
],
acronym
[
title
]
{
border-bottom
:
1px
dotted
;
cursor
:
help
}
a
:link
abbr
[
title
],
a
:visited
abbr
[
title
],
a
:link
acronym
[
title
],
a
:visited
acronym
[
title
]
{
cursor
:
pointer
}
code
{
font-family
:
monospace
;
white-space
:
pre
}
#maincontent
ul
{
margin-left
:
2em
}
.warning
{
color
:
red
;
background-color
:
white
;
font-weight
:
bold
}
.clear
{
clear
:
both
}
.error
{
color
:
#ff0000
;
background-color
:
white
}
div
.hostinfo
{
margin
:
0
;
padding
:
0
;
font-size
:
80%
;
padding
:
0.5em
;
flex
:
1
;
font-weight
:
bold
}
#xhr_poll_status
{
cursor
:
pointer
}
#xhr_poll_status
#xhr_poll_status_off
{
font-weight
:
bold
;
color
:
#FF0000
}
#xhr_poll_status
#xhr_poll_status_on
{
font-weight
:
bold
;
color
:
#00FF00
}
#menubar
{
display
:
flex
;
background
:
#dc0067
;
color
:
#ffffff
}
#menubar
.warning
{
color
:
red
;
background-color
:
#557788
}
#menubar
a
:link
,
#menubar
a
:visited
{
position
:
relative
;
display
:
block
;
padding
:
0.5em
;
text-decoration
:
none
;
font-size
:
80%
;
font-weight
:
normal
;
color
:
white
}
#menubar
a
:link:hover
,
#menubar
a
:visited:hover
,
#menubar
a
:link:focus
,
#menubar
a
:visited:focus
{
background
:
#ffb400
;
color
:
black
}
#menubar
a
:link
.active
,
#menubar
a
:visited
.active
{
background
:
#ffb400
;
color
:
black
;
font-weight
:
bold
}
#menubar
a
:link
.warning
,
#menubar
a
:visited
.warning
{
background
:
#000000
;
color
:
red
;
font-weight
:
bold
}
#modemenu
{
list-style
:
none
;
margin
:
0
;
padding
:
0
}
#modemenu
li
{
display
:
inline-block
}
.lang_de
#submenu_admin_uci
{
width
:
12em
}
.lang_ru
#submenu_admin_uci
{
width
:
11.5em
}
textarea
#syslog
{
width
:
98%
;
min-height
:
500px
;
border
:
3px
solid
#cccccc
;
padding
:
5px
;
font-family
:
monospace
}
#maincontent
{
padding
:
0
1em
2em
;
max-width
:
60em
;
min-width
:
40em
;
margin
:
1em
auto
}
.lang_he
#maincontent
{
direction
:
rtl
}
#maincontent
p
{
margin-bottom
:
1em
}
.cbi-section
{
margin
:
0
;
padding
:
0
;
border
:
none
}
.cbi-section
legend
{
font-size
:
1.4em
;
font-weight
:
bold
;
color
:
#dc0067
;
position
:
relative
;
padding
:
0
;
margin-bottom
:
0.5em
}
.cbi-section
h2
{
margin
:
0em
0
0.5em
-0.5em
!important
}
.cbi-section
h3
{
text-decoration
:
none
!important
;
font-weight
:
bold
!important
;
color
:
#555555
!important
;
margin
:
0.25em
!important
;
font-size
:
100%
!important
}
.cbi-section-descr
{
margin-bottom
:
2em
}
.cbi-title-ref
{
color
:
inherit
;
text-decoration
:
none
;
padding-right
:
18px
;
background
:
url("../resources/cbi/link.gif")
no-repeat
scroll
right
center
;
background-color
:
inherit
}
ul
.cbi-apply
{
font-size
:
90%
}
input
:-webkit-input-placeholder
{
color
:
#AAAAAA
}
input
:-moz-placeholder
{
color
:
#AAAAAA
}
input
:-ms-input-placeholder
{
color
:
#AAAAAA
}
input
[
type
=
checkbox
]
{
display
:
none
}
input
[
type
=
checkbox
]+
label
{
display
:
inline-block
;
width
:
1em
;
height
:
1em
;
margin
:
0
}
input
[
type
=
checkbox
]
:checked
+
label
:after
{
content
:
'✔'
;
color
:
#dc0067
;
vertical-align
:
middle
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
margin-top
:
-0.5em
;
width
:
100%
;
text-align
:
center
;
font-size
:
1.7em
}
input
[
type
=
submit
],
input
[
type
=
reset
],
input
[
type
=
image
],
input
[
type
=
button
]
{
cursor
:
pointer
}
select
,
input
,
textarea
,
input
[
type
=
checkbox
]+
label
{
color
:
#003247
;
border
:
none
;
background
:
#ffe199
;
border-radius
:
3pt
;
padding
:
0.5em
}
input
[
type
=
image
]
{
border
:
none
}
select
,
input
[
type
=
text
],
input
[
type
=
password
]
{
width
:
20em
}
td
select
,
td
input
[
type
=
text
],
td
input
[
type
=
password
]
{
width
:
99%
}
img
.cbi-image-button
{
cursor
:
pointer
;
margin
:
0
2px
;
vertical-align
:
middle
}
input
.cbi-button
{
display
:
inline-block
;
zoom
:
1
;
line-height
:
normal
;
white-space
:
nowrap
;
vertical-align
:
baseline
;
text-align
:
center
;
cursor
:
pointer
;
-webkit-user-drag
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
font-size
:
100%
;
padding
:
0.5em
1em
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
border
:
none
transparent
;
background-color
:
#E6E6E6
;
text-decoration
:
none
;
border-radius
:
2px
;
-webkit-transition
:
0.1s
linear
-webkit-box-shadow
;
-moz-transition
:
0.1s
linear
-moz-box-shadow
;
-ms-transition
:
0.1s
linear
box-shadow
;
-o-transition
:
0.1s
linear
box-shadow
;
transition
:
0.1s
linear
box-shadow
;
background-repeat
:
no-repeat
}
input
.cbi-button
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
input
.cbi-button
:active
{
box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
0.15
)
inset
,
0
0
6px
rgba
(
0
,
0
,
0
,
0.2
)
inset
}
input
.cbi-button
:focus
{
outline
:
0
}
input
.cbi-button
:hover
,
input
.cbi-button
:focus
{
background-image
:
-webkit-gradient
(
linear
,
0
0
,
0
100%
,
from
(
transparent
),
color-stop
(
40%
,
rgba
(
0
,
0
,
0
,
0.05
)),
to
(
rgba
(
0
,
0
,
0
,
0.1
)));
background-image
:
-webkit-linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.05
)
40%
,
rgba
(
0
,
0
,
0
,
0.1
));
background-image
:
-moz-linear-gradient
(
top
,
rgba
(
0
,
0
,
0
,
0.05
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
));
background-image
:
-o-linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.05
)
40%
,
rgba
(
0
,
0
,
0
,
0.1
));
background-image
:
linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.05
)
40%
,
rgba
(
0
,
0
,
0
,
0.1
))}
input
.cbi-button
[
disabled
]
{
border
:
none
;
background-image
:
none
;
opacity
:
0.40
;
cursor
:
not-allowed
;
box-shadow
:
none
}
input
.cbi-input-user
{
background-image
:
url("../resources/cbi/user.gif")
;
background-repeat
:
no-repeat
;
background-position
:
1px
center
;
color
:
#000000
;
text-indent
:
17px
}
input
.cbi-input-find
,
input
.cbi-button-find
{
background-image
:
url("../resources/cbi/find.gif")
;
color
:
#000000
;
padding-left
:
17px
}
input
.cbi-input-reload
{
background-image
:
url("../resources/cbi/reload.gif")
;
color
:
#000000
;
padding-left
:
17px
}
input
.cbi-input-add
,
input
.cbi-button-add
{
background-image
:
url("../resources/cbi/add.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-fieldadd
,
input
.cbi-button-fieldadd
{
background-image
:
url(../resources/cbi/fieldadd.gif)
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-reset
,
input
.cbi-button-reset
{
background-color
:
#e30
;
color
:
#fff
}
input
.cbi-input-save
,
input
.cbi-button-save
{
background-color
:
#009ee0
;
color
:
#fff
}
input
.cbi-input-apply
,
input
.cbi-button-apply
{
background-color
:
#009ee0
;
color
:
#fff
}
input
.cbi-input-link
,
input
.cbi-button-link
{
background-image
:
url("../resources/cbi/link.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-download
,
input
.cbi-button-download
{
background-image
:
url("../resources/cbi/download.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-remove
,
div
.cbi-section-remove
input
{
background-image
:
url("../resources/cbi/remove.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-button-up
{
background-image
:
url("../resources/cbi/up.gif")
;
padding-left
:
11px
;
padding-right
:
1px
}
input
.cbi-button-down
{
background-image
:
url("../resources/cbi/down.gif")
;
padding-left
:
11px
;
padding-right
:
1px
}
input
.cbi-button-edit
{
background-image
:
url("../resources/cbi/edit.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-button-reload
{
background-image
:
url("../resources/cbi/reload.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-button-remove
{
background-image
:
url("../resources/cbi/remove.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
.cbi-input-invalid
{
background
:
#e30
!important
;
color
:
white
}
div
.cbi-section-remove
input
{
border-bottom
:
none
}
textarea
{
margin-left
:
-1px
;
margin-bottom
:
0.5em
}
form
>
div
>
input
[
type
=
submit
],
form
>
div
>
input
[
type
=
reset
]
{
margin-left
:
0.5em
}
table
td
,
table
th
{
color
:
#000000
}
table
.smalltext
{
background
:
#f5f5f5
;
color
:
#000000
;
border-top
:
1px
solid
#666666
;
border-right
:
1px
solid
#666666
;
border-bottom
:
1px
solid
#666666
;
font-size
:
90%
;
width
:
80%
;
margin-left
:
auto
;
margin-right
:
auto
;
border-collapse
:
collapse
}
table
.smalltext
tr
:hover
td
{
background-color
:
#bbddee
;
color
:
#000000
}
table
.smalltext
tr
th
{
padding
:
0
0.25em
;
border-left
:
1px
solid
#666666
;
text-align
:
left
}
table
.smalltext
tr
td
{
padding
:
0
0.25em
;
border-top
:
1px
solid
#666666
;
border-left
:
1px
solid
#666666
}
table
.cbi-section-table
.cbi-rowstyle-1
{
background-color
:
#eeeeff
;
color
:
#000000
}
table
.cbi-section-table
.cbi-rowstyle-1
:hover
,
table
.cbi-section-table
.cbi-rowstyle-2
:hover
{
background-color
:
#b2c8d4
;
color
:
#000000
}
table
.cbi-section-table
.cbi-section-table-cell
{
padding
:
3px
;
white-space
:
nowrap
}
.cbi-section
.cbi-rowstyle-1
h3
{
background-color
:
#eeeeff
;
color
:
#555555
}
.cbi-rowstyle-2
{
color
:
#000000
}
div
.cbi-value
{
display
:
flex
;
flex-direction
:
row
;
margin-bottom
:
0.5em
}
.cbi-value-title
{
flex
:
2
;
text-align
:
right
;
padding-right
:
1em
;
font-weight
:
bold
}
div
.cbi-value-field
{
flex
:
3
;
position
:
relative
}
div
.cbi-value-field
input
,
div
.cbi-value-field
select
,
div
.cbi-value-field
input
+
label
{
position
:
relative
;
top
:
-0.39em
}
div
.cbi-value-description
{
font-size
:
8pt
}
div
.cbi-section-create
{
clear
:
left
;
white-space
:
nowrap
;
vertical-align
:
top
}
div
.cbi-section-create
.cbi-button
{
margin
:
0.25em
}
input
.cbi-section-create-name
{
margin-right
:
-0.25em
}
div
.cbi-map-descr
{
margin-bottom
:
1em
}
.cbi-map-descr
:empty
,
.cbi-section-descr
:empty
{
display
:
none
}
.cbi-map-descr
,
.cbi-section-descr
,
.cbi-page-actions
{
padding
:
1em
;
background
:
#ececec
}
.cbi-page-actions
{
text-align
:
right
;
display
:
flex
;
display
:
-moz-flex
;
-moz-flex-flow
:
row-reverse
;
flex-flow
:
row-reverse
}
div
.cbi-optionals
{
padding
:
0.25em
;
border-bottom
:
1px
dotted
#bbbbbb
}
div
.cbi-section-remove
{
float
:
right
}
.cbi-section-node
{
clear
:
both
;
position
:
relative
;
border
:
none
}
.cbi-section-node-tabbed
{
border-top-left-radius
:
0
}
.cbi-section-node
.cbi-value-last
{
border-bottom
:
none
}
.cbi-section-node
table
div
{
padding-bottom
:
0
;
border-bottom
:
none
}
.cbi-section-node
div
.cbi-section-table-row
{
margin
:
0.25em
}
table
.cbi-section-table
{
width
:
100%
;
font-size
:
95%
}
table
.cbi-section-table
th
,
table
.cbi-section-table
td
{
text-align
:
center
}
tr
.cbi-section-table-descr
th
{
font-weight
:
normal
;
font-size
:
90%
;
vertical-align
:
top
}
td
.cbi-section-table-optionals
{
text-align
:
left
!important
;
padding-top
:
1em
}
.cbi-value-helpicon
img
{
display
:
none
}
div
.cbi-error
{
font-size
:
95%
;
font-weight
:
bold
;
color
:
#ff0000
;
background-color
:
#ffffff
}
td
.cbi-value-error
{
border-color
:
red
}
.cbi-value-error
input
,
.cbi-value-error
select
{
background-color
:
#ffcccc
}
.cbi-section-error
{
color
:
red
;
background-color
:
white
;
font-size
:
95%
;
border
:
1px
dotted
red
;
margin
:
3px
;
padding
:
3px
}
.cbi-value-field
var
{
color
:
#2222FF
}
ul
.cbi-tabmenu
{
padding
:
3px
0
;
margin-left
:
0
!important
;
list-style-type
:
none
;
position
:
relative
;
z-index
:
10
;
top
:
4px
;
line-height
:
20px
}
ul
.cbi-tabmenu
li
.cbi-tab
,
ul
.cbi-tabmenu
li
.cbi-tab-disabled
{
display
:
inline
;
margin
:
0
}
ul
.cbi-tabmenu
li
.cbi-tab
a
,
ul
.cbi-tabmenu
li
.cbi-tab-disabled
a
{
text-decoration
:
none
;
padding
:
3px
7px
;
margin-right
:
3px
;
border
:
1px
solid
#BBBBBB
;
border-bottom
:
none
;
border-radius
:
3px
3px
0
0
;
background-color
:
#EEEEEE
;
color
:
#BBBBBB
}
ul
.cbi-tabmenu
li
.cbi-tab-highlighted
a
{
color
:
#000000
;
background-color
:
#FFEEAA
}
ul
.cbi-tabmenu
li
a
:hover
{
color
:
#000000
}
ul
.cbi-tabmenu
li
.cbi-tab
a
{
padding-top
:
4px
;
color
:
#000000
;
background-color
:
#FFFFFF
}
div
.cbi-tab-descr
{
background-image
:
url(/luci-static/resources/cbi/help.gif)
;
background-position
:
0.25em
50%
;
background-repeat
:
no-repeat
;
border-bottom
:
1px
solid
#CCCCCC
;
margin
:
0.25em
0.25em
2em
;
padding
:
0.5em
0.5em
0.5em
2em
}
.left
{
text-align
:
left
!important
}
.right
{
text-align
:
right
!important
}
.luci
{
position
:
absolute
;
bottom
:
0
;
left
:
1em
;
height
:
1.5em
;
font-size
:
80%
}
.luci
a
:link
,
.luci
a
:visited
{
background-color
:
transparent
;
color
:
#666666
;
text-decoration
:
none
;
font-size
:
70%
}
.inline
{
display
:
inline
}
.error500
{
white-space
:
normal
;
border
:
1px
dotted
#ff0000
;
background-color
:
#ffffff
;
color
:
#000000
;
padding
:
0.5em
}
.errorbox
{
border
:
1px
solid
#FF0000
;
background-color
:
#FFCCCC
;
padding
:
5px
;
margin-bottom
:
5px
}
.errorbox
a
{
color
:
#000000
!important
}
.ifacebox
{
background-color
:
#FFFFFF
;
border
:
1px
solid
#CCCCCC
;
margin
:
0
10px
;
text-align
:
center
;
white-space
:
nowrap
}
.ifacebox
.ifacebox-head
{
border-bottom
:
1px
solid
#CCCCCC
;
padding
:
2px
}
.ifacebox
.ifacebox-body
{
padding
:
2px
}
.ifacebadge
{
background-color
:
#FFFFFF
;
border
:
1px
solid
#CCCCCC
;
padding
:
2px
;
margin-left
:
2px
;
display
:
inline-block
}
.ifacebadge-active
{
border-color
:
#000000
;
font-weight
:
bold
}
.zonebadge
{
padding
:
2px
;
display
:
inline-block
;
white-space
:
nowrap
;
cursor
:
pointer
}
.zonebadge
em
,
.zonebadge
strong
{
margin
:
3px
;
display
:
inline-block
}
.zonebadge
input
{
width
:
6em
;
height
:
1.5em
}
.zonebadge-empty
{
border
:
1px
dashed
#AAAAAA
;
color
:
#AAAAAA
;
font-style
:
italic
;
font-size
:
smaller
}
.uci-change-list
{
font-family
:
monospace
}
.uci-change-list
ins
,
.uci-change-legend-label
ins
{
text-decoration
:
none
;
border
:
1px
solid
#00FF00
;
background-color
:
#CCFFCC
;
display
:
block
;
padding
:
2px
}
.uci-change-list
del
,
.uci-change-legend-label
del
{
text-decoration
:
none
;
border
:
1px
solid
#FF0000
;
background-color
:
#FFCCCC
;
display
:
block
;
font-style
:
normal
;
padding
:
2px
}
.uci-change-list
var
,
.uci-change-legend-label
var
{
text-decoration
:
none
;
border
:
1px
solid
#CCCCCC
;
background-color
:
#EEEEEE
;
display
:
block
;
font-style
:
normal
;
padding
:
2px
}
.uci-change-list
var
ins
,
.uci-change-list
var
del
{
border
:
none
;
white-space
:
pre
;
font-style
:
normal
;
padding
:
0px
}
.uci-change-legend
{
padding
:
5px
}
.uci-change-legend-label
{
width
:
150px
;
float
:
left
;
font-size
:
80%
}
.uci-change-legend-label
>
ins
,
.uci-change-legend-label
>
del
,
.uci-change-legend-label
>
var
{
float
:
left
;
margin-right
:
4px
;
width
:
10px
;
height
:
10px
;
display
:
block
}
.uci-change-legend-label
var
ins
,
.uci-change-legend-label
var
del
{
line-height
:
6px
;
border
:
none
}
.cbi-input-password
+
img
{
display
:
none
}
.the-key
{
text-align
:
left
;
font-size
:
1.4em
;
background
:
#ffe9b3
;
border
:
3pt
dashed
#dc0067
;
margin-bottom
:
0.5em
;
padding
:
0.5em
}
.lang_he
{
direction
:
RTL
;
unicode-bidi
:
embed
}
.hidden
{
display
:
none
}
html
{
min-height
:
100%
;
height
:
auto
;
position
:
relative
}
body
,
input
,
select
,
option
{
font-family
:
'Open Sans'
,
Arial
,
sans-serif
;
font-size
:
12pt
}
body
{
color
:
#4d4e53
;
line-height
:
1.5em
;
margin
:
0
;
display
:
flex
;
flex-direction
:
column
;
min-height
:
100vh
;
background-color
:
#f3f3f3
}
a
img
{
border
:
none
;
text-decoration
:
none
}
.tabmenu1
{
text-align
:
center
}
ul
.tabmenu
{
list-style
:
none
;
padding
:
0
;
margin
:
2em
0
;
display
:
inline-flex
}
ul
.tabmenu
li
{
white-space
:
nowrap
;
margin
:
0
0.5em
;
padding
:
0
;
text-align
:
center
}
ul
.tabmenu
li
a
{
display
:
block
;
text-decoration
:
none
;
padding
:
1em
;
margin
:
0
;
color
:
#333
;
border-radius
:
2em
}
ul
.tabmenu
li
a
:hover
{
background
:
#ffe9b3
}
ul
.tabmenu
li
.active
a
{
font-weight
:
bold
;
background
:
white
;
color
:
#333
}
abbr
,
acronym
{
font-style
:
normal
;
font-variant
:
normal
}
abbr
[
title
],
acronym
[
title
]
{
border-bottom
:
1px
dotted
;
cursor
:
help
}
a
:link
abbr
[
title
],
a
:visited
abbr
[
title
],
a
:link
acronym
[
title
],
a
:visited
acronym
[
title
]
{
cursor
:
pointer
}
code
{
font-family
:
monospace
;
white-space
:
pre
}
#maincontent
ul
{
margin-left
:
2em
}
.warning
{
color
:
red
;
background-color
:
white
;
font-weight
:
bold
}
.clear
{
clear
:
both
}
.error
{
color
:
#ff0000
;
background-color
:
white
}
div
.hostinfo
{
margin
:
0
;
padding
:
0
;
font-size
:
80%
;
padding
:
0.5em
;
flex
:
1
;
font-weight
:
bold
}
#xhr_poll_status
{
cursor
:
pointer
}
#xhr_poll_status
#xhr_poll_status_off
{
font-weight
:
bold
;
color
:
#FF0000
}
#xhr_poll_status
#xhr_poll_status_on
{
font-weight
:
bold
;
color
:
#00FF00
}
#menubar
{
display
:
flex
;
background
:
#dc0067
;
color
:
#ffffff
}
#menubar
.warning
{
color
:
red
;
background-color
:
#557788
}
#menubar
a
:link
,
#menubar
a
:visited
{
position
:
relative
;
display
:
block
;
padding
:
0.5em
;
text-decoration
:
none
;
font-size
:
80%
;
font-weight
:
normal
;
color
:
white
}
#menubar
a
:link:hover
,
#menubar
a
:visited:hover
,
#menubar
a
:link:focus
,
#menubar
a
:visited:focus
{
background
:
#ffb400
;
color
:
black
}
#menubar
a
:link
.active
,
#menubar
a
:visited
.active
{
background
:
#ffb400
;
color
:
black
;
font-weight
:
bold
}
#menubar
a
:link
.warning
,
#menubar
a
:visited
.warning
{
background
:
#000000
;
color
:
red
;
font-weight
:
bold
}
#modemenu
{
list-style
:
none
;
margin
:
0
;
padding
:
0
}
#modemenu
li
{
display
:
inline-block
}
.lang_de
#submenu_admin_uci
{
width
:
12em
}
.lang_ru
#submenu_admin_uci
{
width
:
11.5em
}
textarea
#syslog
{
width
:
98%
;
min-height
:
500px
;
border
:
3px
solid
#cccccc
;
padding
:
5px
;
font-family
:
monospace
}
#maincontent
{
padding
:
0
1em
2em
;
max-width
:
60em
;
min-width
:
40em
;
margin
:
1em
auto
}
.lang_he
#maincontent
{
direction
:
rtl
}
#maincontent
p
{
margin-bottom
:
1em
}
.cbi-section
{
margin
:
0
;
padding
:
0
;
border
:
none
}
.cbi-section
legend
{
font-size
:
1.4em
;
font-weight
:
bold
;
color
:
#dc0067
;
position
:
relative
;
padding
:
0
;
margin-bottom
:
0.5em
}
.cbi-section
h2
{
margin
:
0em
0
0.5em
-0.5em
!important
}
.cbi-section
h3
{
text-decoration
:
none
!important
;
font-weight
:
bold
!important
;
color
:
#555555
!important
;
margin
:
0.25em
!important
;
font-size
:
100%
!important
}
.cbi-section-descr
{
margin-bottom
:
2em
}
.cbi-title-ref
{
color
:
inherit
;
text-decoration
:
none
;
padding-right
:
18px
;
background
:
url("../resources/cbi/link.gif")
no-repeat
scroll
right
center
;
background-color
:
inherit
}
ul
.cbi-apply
{
font-size
:
90%
}
input
:-webkit-input-placeholder
{
color
:
#AAAAAA
}
input
:-moz-placeholder
{
color
:
#AAAAAA
}
input
:-ms-input-placeholder
{
color
:
#AAAAAA
}
input
[
type
=
checkbox
]
{
display
:
none
}
input
[
type
=
checkbox
]+
label
{
display
:
inline-block
;
width
:
1em
;
height
:
1em
;
margin
:
0
}
input
[
type
=
checkbox
]
:checked
+
label
:after
{
content
:
'✔'
;
color
:
#dc0067
;
vertical-align
:
middle
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
margin-top
:
-0.5em
;
width
:
100%
;
text-align
:
center
;
font-size
:
1.7em
}
input
[
type
=
submit
],
input
[
type
=
reset
],
input
[
type
=
image
],
input
[
type
=
button
]
{
cursor
:
pointer
}
select
,
input
,
textarea
,
input
[
type
=
checkbox
]+
label
{
color
:
#003247
;
border
:
none
;
background
:
#ffe199
;
border-radius
:
3pt
;
padding
:
0.5em
}
input
[
type
=
image
]
{
border
:
none
}
select
,
input
[
type
=
text
],
input
[
type
=
password
]
{
width
:
20em
}
td
select
,
td
input
[
type
=
text
],
td
input
[
type
=
password
]
{
width
:
99%
}
img
.cbi-image-button
{
cursor
:
pointer
;
margin
:
0
2px
;
vertical-align
:
middle
}
input
.cbi-button
{
display
:
inline-block
;
zoom
:
1
;
line-height
:
normal
;
white-space
:
nowrap
;
vertical-align
:
baseline
;
text-align
:
center
;
cursor
:
pointer
;
-webkit-user-drag
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
font-size
:
100%
;
padding
:
0.5em
1em
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
border
:
none
transparent
;
background-color
:
#E6E6E6
;
text-decoration
:
none
;
border-radius
:
2px
;
-webkit-transition
:
0.1s
linear
-webkit-box-shadow
;
-moz-transition
:
0.1s
linear
-moz-box-shadow
;
-ms-transition
:
0.1s
linear
box-shadow
;
-o-transition
:
0.1s
linear
box-shadow
;
transition
:
0.1s
linear
box-shadow
;
margin-left
:
0.5em
;
background-repeat
:
no-repeat
}
input
.cbi-button
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
input
.cbi-button
:active
{
box-shadow
:
0
0
0
1px
rgba
(
0
,
0
,
0
,
0.15
)
inset
,
0
0
6px
rgba
(
0
,
0
,
0
,
0.2
)
inset
}
input
.cbi-button
:focus
{
outline
:
0
}
input
.cbi-button
:hover
,
input
.cbi-button
:focus
{
background-image
:
-webkit-gradient
(
linear
,
0
0
,
0
100%
,
from
(
transparent
),
color-stop
(
40%
,
rgba
(
0
,
0
,
0
,
0.05
)),
to
(
rgba
(
0
,
0
,
0
,
0.1
)));
background-image
:
-webkit-linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.05
)
40%
,
rgba
(
0
,
0
,
0
,
0.1
));
background-image
:
-moz-linear-gradient
(
top
,
rgba
(
0
,
0
,
0
,
0.05
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
));
background-image
:
-o-linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.05
)
40%
,
rgba
(
0
,
0
,
0
,
0.1
));
background-image
:
linear-gradient
(
transparent
,
rgba
(
0
,
0
,
0
,
0.05
)
40%
,
rgba
(
0
,
0
,
0
,
0.1
))}
input
.cbi-button
[
disabled
]
{
border
:
none
;
background-image
:
none
;
opacity
:
0.40
;
cursor
:
not-allowed
;
box-shadow
:
none
}
input
.cbi-input-user
{
background-image
:
url("../resources/cbi/user.gif")
;
background-repeat
:
no-repeat
;
background-position
:
1px
center
;
color
:
#000000
;
text-indent
:
17px
}
input
.cbi-input-find
,
input
.cbi-button-find
{
background-image
:
url("../resources/cbi/find.gif")
;
color
:
#000000
;
padding-left
:
17px
}
input
.cbi-input-reload
{
background-image
:
url("../resources/cbi/reload.gif")
;
color
:
#000000
;
padding-left
:
17px
}
input
.cbi-input-add
,
input
.cbi-button-add
{
background-image
:
url("../resources/cbi/add.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-fieldadd
,
input
.cbi-button-fieldadd
{
background-image
:
url(../resources/cbi/fieldadd.gif)
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-reset
,
input
.cbi-button-reset
{
background-color
:
#e30
;
color
:
#fff
}
input
.cbi-input-save
,
input
.cbi-button-save
{
background-color
:
#009ee0
;
color
:
#fff
}
input
.cbi-input-apply
,
input
.cbi-button-apply
{
background-color
:
#009ee0
;
color
:
#fff
}
input
.cbi-input-link
,
input
.cbi-button-link
{
background-image
:
url("../resources/cbi/link.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-download
,
input
.cbi-button-download
{
background-image
:
url("../resources/cbi/download.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-input-remove
,
div
.cbi-section-remove
input
{
background-image
:
url("../resources/cbi/remove.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-button-up
{
background-image
:
url("../resources/cbi/up.gif")
;
padding-left
:
11px
;
padding-right
:
1px
}
input
.cbi-button-down
{
background-image
:
url("../resources/cbi/down.gif")
;
padding-left
:
11px
;
padding-right
:
1px
}
input
.cbi-button-edit
{
background-image
:
url("../resources/cbi/edit.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-button-reload
{
background-image
:
url("../resources/cbi/reload.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
input
.cbi-button-remove
{
background-image
:
url("../resources/cbi/remove.gif")
;
color
:
#000000
;
padding-left
:
17px
;
padding-right
:
1px
}
.cbi-input-invalid
{
background
:
#e30
!important
;
color
:
white
}
div
.cbi-section-remove
input
{
border-bottom
:
none
}
textarea
{
margin-left
:
-1px
;
margin-bottom
:
0.5em
}
table
td
,
table
th
{
color
:
#000000
}
table
.smalltext
{
background
:
#f5f5f5
;
color
:
#000000
;
border-top
:
1px
solid
#666666
;
border-right
:
1px
solid
#666666
;
border-bottom
:
1px
solid
#666666
;
font-size
:
90%
;
width
:
80%
;
margin-left
:
auto
;
margin-right
:
auto
;
border-collapse
:
collapse
}
table
.smalltext
tr
:hover
td
{
background-color
:
#bbddee
;
color
:
#000000
}
table
.smalltext
tr
th
{
padding
:
0
0.25em
;
border-left
:
1px
solid
#666666
;
text-align
:
left
}
table
.smalltext
tr
td
{
padding
:
0
0.25em
;
border-top
:
1px
solid
#666666
;
border-left
:
1px
solid
#666666
}
table
.cbi-section-table
.cbi-rowstyle-1
{
background-color
:
#eeeeff
;
color
:
#000000
}
table
.cbi-section-table
.cbi-rowstyle-1
:hover
,
table
.cbi-section-table
.cbi-rowstyle-2
:hover
{
background-color
:
#b2c8d4
;
color
:
#000000
}
table
.cbi-section-table
.cbi-section-table-cell
{
padding
:
3px
;
white-space
:
nowrap
}
.cbi-section
.cbi-rowstyle-1
h3
{
background-color
:
#eeeeff
;
color
:
#555555
}
.cbi-rowstyle-2
{
color
:
#000000
}
div
.cbi-value
{
display
:
flex
;
flex-direction
:
row
;
margin-bottom
:
0.5em
}
.cbi-value-title
{
flex
:
2
;
text-align
:
right
;
padding-right
:
1em
;
font-weight
:
bold
}
div
.cbi-value-field
{
flex
:
3
;
position
:
relative
}
div
.cbi-value-field
input
,
div
.cbi-value-field
select
,
div
.cbi-value-field
input
+
label
{
position
:
relative
;
top
:
-0.39em
}
div
.cbi-value-description
{
font-size
:
8pt
}
div
.cbi-section-create
{
clear
:
left
;
white-space
:
nowrap
;
vertical-align
:
top
}
div
.cbi-section-create
.cbi-button
{
margin
:
0.25em
}
input
.cbi-section-create-name
{
margin-right
:
-0.25em
}
div
.cbi-map-descr
{
margin-bottom
:
1em
}
.cbi-map-descr
:empty
,
.cbi-section-descr
:empty
{
display
:
none
}
.cbi-map-descr
,
.cbi-section-descr
,
.cbi-page-actions
{
padding
:
1em
;
background
:
#ececec
}
.cbi-page-actions
{
text-align
:
right
;
display
:
flex
;
display
:
-moz-flex
;
-moz-flex-flow
:
row-reverse
;
flex-flow
:
row-reverse
}
div
.cbi-optionals
{
padding
:
0.25em
;
border-bottom
:
1px
dotted
#bbbbbb
}
div
.cbi-section-remove
{
float
:
right
}
.cbi-section-node
{
clear
:
both
;
position
:
relative
;
border
:
none
}
.cbi-section-node-tabbed
{
border-top-left-radius
:
0
}
.cbi-section-node
.cbi-value-last
{
border-bottom
:
none
}
.cbi-section-node
table
div
{
padding-bottom
:
0
;
border-bottom
:
none
}
.cbi-section-node
div
.cbi-section-table-row
{
margin
:
0.25em
}
table
.cbi-section-table
{
width
:
100%
;
font-size
:
95%
}
table
.cbi-section-table
th
,
table
.cbi-section-table
td
{
text-align
:
center
}
tr
.cbi-section-table-descr
th
{
font-weight
:
normal
;
font-size
:
90%
;
vertical-align
:
top
}
td
.cbi-section-table-optionals
{
text-align
:
left
!important
;
padding-top
:
1em
}
.cbi-value-helpicon
img
{
display
:
none
}
div
.cbi-error
{
font-size
:
95%
;
font-weight
:
bold
;
color
:
#ff0000
;
background-color
:
#ffffff
}
td
.cbi-value-error
{
border-color
:
red
}
.cbi-value-error
input
,
.cbi-value-error
select
{
background-color
:
#ffcccc
}
.cbi-section-error
{
color
:
red
;
background-color
:
white
;
font-size
:
95%
;
border
:
1px
dotted
red
;
margin
:
3px
;
padding
:
3px
}
.cbi-value-field
var
{
color
:
#2222FF
}
ul
.cbi-tabmenu
{
padding
:
3px
0
;
margin-left
:
0
!important
;
list-style-type
:
none
;
position
:
relative
;
z-index
:
10
;
top
:
4px
;
line-height
:
20px
}
ul
.cbi-tabmenu
li
.cbi-tab
,
ul
.cbi-tabmenu
li
.cbi-tab-disabled
{
display
:
inline
;
margin
:
0
}
ul
.cbi-tabmenu
li
.cbi-tab
a
,
ul
.cbi-tabmenu
li
.cbi-tab-disabled
a
{
text-decoration
:
none
;
padding
:
3px
7px
;
margin-right
:
3px
;
border
:
1px
solid
#BBBBBB
;
border-bottom
:
none
;
border-radius
:
3px
3px
0
0
;
background-color
:
#EEEEEE
;
color
:
#BBBBBB
}
ul
.cbi-tabmenu
li
.cbi-tab-highlighted
a
{
color
:
#000000
;
background-color
:
#FFEEAA
}
ul
.cbi-tabmenu
li
a
:hover
{
color
:
#000000
}
ul
.cbi-tabmenu
li
.cbi-tab
a
{
padding-top
:
4px
;
color
:
#000000
;
background-color
:
#FFFFFF
}
div
.cbi-tab-descr
{
background-image
:
url(/luci-static/resources/cbi/help.gif)
;
background-position
:
0.25em
50%
;
background-repeat
:
no-repeat
;
border-bottom
:
1px
solid
#CCCCCC
;
margin
:
0.25em
0.25em
2em
;
padding
:
0.5em
0.5em
0.5em
2em
}
.left
{
text-align
:
left
!important
}
.right
{
text-align
:
right
!important
}
.luci
{
position
:
absolute
;
bottom
:
0
;
left
:
1em
;
height
:
1.5em
;
font-size
:
80%
}
.luci
a
:link
,
.luci
a
:visited
{
background-color
:
transparent
;
color
:
#666666
;
text-decoration
:
none
;
font-size
:
70%
}
.inline
{
display
:
inline
}
.error500
{
white-space
:
normal
;
border
:
1px
dotted
#ff0000
;
background-color
:
#ffffff
;
color
:
#000000
;
padding
:
0.5em
}
.errorbox
{
border
:
1px
solid
#FF0000
;
background-color
:
#FFCCCC
;
padding
:
5px
;
margin-bottom
:
5px
}
.errorbox
a
{
color
:
#000000
!important
}
.ifacebox
{
background-color
:
#FFFFFF
;
border
:
1px
solid
#CCCCCC
;
margin
:
0
10px
;
text-align
:
center
;
white-space
:
nowrap
}
.ifacebox
.ifacebox-head
{
border-bottom
:
1px
solid
#CCCCCC
;
padding
:
2px
}
.ifacebox
.ifacebox-body
{
padding
:
2px
}
.ifacebadge
{
background-color
:
#FFFFFF
;
border
:
1px
solid
#CCCCCC
;
padding
:
2px
;
margin-left
:
2px
;
display
:
inline-block
}
.ifacebadge-active
{
border-color
:
#000000
;
font-weight
:
bold
}
.zonebadge
{
padding
:
2px
;
display
:
inline-block
;
white-space
:
nowrap
;
cursor
:
pointer
}
.zonebadge
em
,
.zonebadge
strong
{
margin
:
3px
;
display
:
inline-block
}
.zonebadge
input
{
width
:
6em
;
height
:
1.5em
}
.zonebadge-empty
{
border
:
1px
dashed
#AAAAAA
;
color
:
#AAAAAA
;
font-style
:
italic
;
font-size
:
smaller
}
.uci-change-list
{
font-family
:
monospace
}
.uci-change-list
ins
,
.uci-change-legend-label
ins
{
text-decoration
:
none
;
border
:
1px
solid
#00FF00
;
background-color
:
#CCFFCC
;
display
:
block
;
padding
:
2px
}
.uci-change-list
del
,
.uci-change-legend-label
del
{
text-decoration
:
none
;
border
:
1px
solid
#FF0000
;
background-color
:
#FFCCCC
;
display
:
block
;
font-style
:
normal
;
padding
:
2px
}
.uci-change-list
var
,
.uci-change-legend-label
var
{
text-decoration
:
none
;
border
:
1px
solid
#CCCCCC
;
background-color
:
#EEEEEE
;
display
:
block
;
font-style
:
normal
;
padding
:
2px
}
.uci-change-list
var
ins
,
.uci-change-list
var
del
{
border
:
none
;
white-space
:
pre
;
font-style
:
normal
;
padding
:
0px
}
.uci-change-legend
{
padding
:
5px
}
.uci-change-legend-label
{
width
:
150px
;
float
:
left
;
font-size
:
80%
}
.uci-change-legend-label
>
ins
,
.uci-change-legend-label
>
del
,
.uci-change-legend-label
>
var
{
float
:
left
;
margin-right
:
4px
;
width
:
10px
;
height
:
10px
;
display
:
block
}
.uci-change-legend-label
var
ins
,
.uci-change-legend-label
var
del
{
line-height
:
6px
;
border
:
none
}
.cbi-input-password
+
img
{
display
:
none
}
.the-key
{
text-align
:
left
;
font-size
:
1.4em
;
background
:
#ffe9b3
;
border
:
3pt
dashed
#dc0067
;
margin-bottom
:
0.5em
;
padding
:
0.5em
}
/*# sourceMappingURL=cascade.css.map */
This diff is collapsed.
Click to expand it.
package/gluon-luci-theme/sass/cascade.scss
+
1
−
5
View file @
623966af
...
...
@@ -438,6 +438,7 @@ img.cbi-image-button {
input
.cbi-button
{
@include
button
;
margin-left
:
0
.5em
;
background-repeat
:
no-repeat
;
}
...
...
@@ -565,11 +566,6 @@ textarea {
margin-bottom
:
0
.5em
;
}
form
>
div
>
input
[
type
=
submit
],
form
>
div
>
input
[
type
=
reset
]
{
margin-left
:
0
.5em
;
}
table
td
,
table
th
{
color
:
#000000
;
...
...
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
