upstream/opnsense-plugins
1
0
Fork 0
mirror of https://github.com/opnsense/plugins.git synced 2026-05-28 04:34:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

misc/theme-*: merge all progress from master

Browse source
This commit is contained in:
Franco Fichtner 2018-05-29 08:03:02 +02:00
parent 9f74700824
commit 63f6edbc93
9 changed files with 9609 additions and 7943 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
misc/theme-cicada/Makefile
View file

@ -1,5 +1,5 @@
PLUGIN_NAME= theme-cicada
PLUGIN_VERSION= 1.0
PLUGIN_VERSION= 1.1
PLUGIN_COMMENT= The cicada theme - grey/orange
PLUGIN_MAINTAINER= martin@team-rebellion.net

17306
misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
View file

File diff suppressed because it is too large Load diff

24
misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
View file

@ -2461,10 +2461,10 @@ input[type="color"]
{
cursor: not-allowed;
background-color: #68686899;
background-color: #686868;
opacity: 0.8;
filter: alpha(opacity=80);
border-color: #ffffff4d; }
border-color: #ffffff; }
select[disabled]:hover, select[readonly]:hover, fieldset[disabled]:hover,
textarea[disabled]:hover,
@ -2515,10 +2515,10 @@ input[type="color"]
{
cursor: not-allowed;
background-color: #68686899;
background-color: #686868;
opacity: 0.8;
filter: alpha(opacity=80);
border:1px solid #ffffff4d;
border:1px solid #ffffff;
-webkit-box-shadow: none;
box-shadow: none; }
@ -6104,11 +6104,17 @@ label > input[type="radio"] {
min-width: 100%;
max-width: 100%; }
/*****************************************
******************************************
**additional extensions for theme-cicada**
******************************************
*****************************************/
/* fields in firewall schedule */
[data-state="lightcoral"] {
background-color: lightcoral; }
[data-state="white"] {
background-color: inherit; }
[data-state="red"] {
background-color: #ec6d12; }
/*additional extensions for theme-cicada*/
#tab_1 #maintabs {
border-bottom: 1px solid #565656; }

2
misc/theme-rebellion/Makefile
View file

@ -1,5 +1,5 @@
PLUGIN_NAME= theme-rebellion
PLUGIN_VERSION= 1.0
PLUGIN_VERSION= 1.1
PLUGIN_COMMENT= A suitably dark theme
PLUGIN_MAINTAINER= team-rebellion@queens-park.com

62
misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss
View file

@ -645,3 +645,65 @@ select {
background-repeat: no-repeat;
background-position: right;
background-image: url(/ui/themes/opnsense/build/images/caret.png) !important;}
#grid-log th[data-column-id="__timestamp__"],
#filter-log-entries th[data-column-id="__timestamp__"] {
min-width: 3.5em;
}
.table-responsive {
@media screen and (max-width: $screen-xs-max) {
margin-bottom: 0;
> .table {
> thead,
> tbody,
> tfoot {
> tr {
> th,
> td {
white-space: normal;
}
}
}
}
}
}
label>input[type="checkbox"],
label>input[type="radio"] {
margin-right: .4em;
float:left;
}
div[data-for*="help_for"] {
padding-top: .4em;
}
#log-settings label[for^="act"] {
margin-right: 1.5em;
}
#log-settings table>tbody>tr>td {
vertical-align: middle;
}
#log-settings select#filterlogentries,
#log-settings select#filterlogentriesupdateinterval {
width: 5em;
}
#log-settings select#filterlogentriesinterfaces {
min-width: 100%;
max-width: 100%;
}
/* fields in firewall schedule */
[data-state="lightcoral"] {
background-color: lightcoral;
}
[data-state="white"] {
background-color: inherit;
}
[data-state="red"] {
background-color: #ec6d12;
}

59
misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css
View file

@ -2031,10 +2031,10 @@ th {
padding: 10px 0px 10px 20px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #111; }
border-top: 1px solid #aaa; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #111; }
border-bottom: 1px solid #aaa; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
@ -2045,7 +2045,7 @@ th {
font-family: 'SourceSansProSemibold';
font-weight: normal; }
.table > tbody + tbody {
border-top: 2px solid #111; }
border-top: 2px solid #aaa; }
.table .table {
background-color: #333; }
@ -2058,14 +2058,14 @@ th {
padding: 5px; }
.table-bordered {
border: 1px solid #111; }
border: 1px solid #aaa; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #111; }
border: 1px solid #aaa; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
@ -4548,7 +4548,7 @@ a.list-group-item-danger {
border-bottom-right-radius: 2px; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid #111; }
border-top: 1px solid #aaa; }
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0; }
@ -5846,3 +5846,50 @@ select {
background-repeat: no-repeat;
background-position: right;
background-image: url(/ui/themes/opnsense/build/images/caret.png) !important; }
#grid-log th[data-column-id="__timestamp__"],
#filter-log-entries th[data-column-id="__timestamp__"] {
min-width: 3.5em; }
@media screen and (max-width: 767px) {
.table-responsive {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: normal; } }
label > input[type="checkbox"],
label > input[type="radio"] {
margin-right: .4em;
float: left; }
div[data-for*="help_for"] {
padding-top: .4em; }
#log-settings label[for^="act"] {
margin-right: 1.5em; }
#log-settings table > tbody > tr > td {
vertical-align: middle; }
#log-settings select#filterlogentries,
#log-settings select#filterlogentriesupdateinterval {
width: 5em; }
#log-settings select#filterlogentriesinterfaces {
min-width: 100%;
max-width: 100%; }
/* fields in firewall schedule */
[data-state="lightcoral"] {
background-color: lightcoral; }
[data-state="white"] {
background-color: inherit; }
[data-state="red"] {
background-color: #ec6d12; }

3
misc/theme-tukan/Makefile
View file

@ -1,7 +1,6 @@
PLUGIN_NAME= theme-tukan
PLUGIN_VERSION= 0.2
PLUGIN_VERSION= 1.0
PLUGIN_COMMENT= The tukan theme - blue/white
PLUGIN_MAINTAINER= martin@team-rebellion.net
PLUGIN_DEVEL= yes
.include "../../Mk/plugins.mk"

68
misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
View file

@ -6194,8 +6194,6 @@ a.list-group-item-danger
.panel
border: 1px solid #c2c2c2
margin-bottom: 20px
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
.panel-body
padding: 15px
@ -6461,34 +6459,42 @@ a.list-group-item-danger
+ .panel-collapse .panel-body
border-bottom: 1px solid #ddd
.panel-default >
.panel-heading
color: #fff
border-color: #c2c2c2
.panel-default
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
+ .panel-collapse > .panel-body
border-top-color: #c2c2c2
>
.panel-heading
color: #fff
border-color: #c2c2c2
.badge
color: #f5f5f5
background-color: #2d2d2d333
+ .panel-collapse > .panel-body
border-top-color: #c2c2c2
.panel-footer + .panel-collapse > .panel-body
border-bottom-color: #c2c2c2
.badge
color: #f5f5f5
background-color: #2d2d2d333
.panel-primary >
.panel-heading
color: #FFF
border-color: #c2c2c2
.panel-footer + .panel-collapse > .panel-body
border-bottom-color: #c2c2c2
+ .panel-collapse > .panel-body
border-top-color: #FF8B00
.panel-primary
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
.badge
color: #FF8B00
background-color: #fff
>
.panel-heading
color: #FFF
border-color: #c2c2c2
.panel-footer + .panel-collapse > .panel-body
+ .panel-collapse > .panel-body
border-top-color: #FF8B00
.badge
color: #FF8B00
background-color: #fff
.panel-footer + .panel-collapse > .panel-body
border-bottom-color: #FF8B00
.panel-success
@ -7875,9 +7881,18 @@ label > input
min-width: 100%
max-width: 100%
/******************************************
****additional extensions for theme-tukan***
******************************************
/* fields in firewall schedule
[data-state="lightcoral"]
background-color: lightcoral
[data-state="white"]
background-color: inherit
[data-state="red"]
background-color: #ffe83e
/*additional extensions for theme-tukan
#tab_1 #maintabs
border-bottom: 1px solid #c2c2c2
@ -8056,6 +8071,7 @@ div.Tokenize ul
#system_log-widgets.content-box
border: none
box-shadow: none
#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out
background-color: #FFF

26
misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
View file

@ -2229,7 +2229,7 @@ legend {
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #2d2d2d333;
color: #2d2d2d;
border: 0;
border-bottom: 1px solid #e5e5e5; }
@ -3951,8 +3951,7 @@ tbody.collapse.in {
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #FF8B00;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #2b2b2b; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
@ -4015,7 +4014,7 @@ tbody.collapse.in {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909; }
@ -4035,7 +4034,6 @@ tbody.collapse.in {
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #3e3e3e; }
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
@ -4840,7 +4838,7 @@ a.list-group-item-danger {
border-top-color: #c2c2c2; }
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #2d2d2d333; }
background-color: #2d2d2d; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #c2c2c2; }
.panel-primary {
@ -6123,9 +6121,17 @@ label > input[type="radio"] {
min-width: 100%;
max-width: 100%; }
/******************************************
***additional extensions for theme-tukan***
******************************************/
/* fields in firewall schedule */
[data-state="lightcoral"] {
background-color: lightcoral; }
[data-state="white"] {
background-color: inherit; }
[data-state="red"] {
background-color: #ffe83e; }
/*additional extensions for theme-tukan*/
#tab_1 #maintabs {
border-bottom: 1px solid #c2c2c2; }
@ -6252,5 +6258,5 @@ div.Tokenize ul.TokensContainer li.Token a.Close {
.glyphicon.glyphicon-play.text-muted, .glyphicon.glyphicon-remove.text-muted, .glyphicon.glyphicon-remove-sign.text-muted, .glyphicon.glyphicon-info-sign.text-muted, .fa.fa-play.text-muted::before {
color: #000 !important;}
#system_log-widgets.content-box {border:none;}
#system_log-widgets.content-box {border:none; box-shadow: none;}
#chart,#chart_intf_in,#chart_intf_out,#chart_top_ports,#chart_top_sources,#traffic_graph_widget_chart_in,#traffic_graph_widget_chart_out { background-color: #FFF; border: 1px solid #c2c2c2; }