diff options
author | Stephen Beaver <sbeaver@netgate.com> | 2015-12-04 08:51:06 -0500 |
---|---|---|
committer | Stephen Beaver <sbeaver@netgate.com> | 2015-12-04 08:51:06 -0500 |
commit | 4afd1362bd57d0e4ce362dc105085b8c8d9f64c1 (patch) | |
tree | 2820e4202fc633781484155ba840b73f2205755c /src/usr/local/www/bootstrap/css/pfSense-EXP.css | |
parent | fee2bed2f65640efe2b87e67ddb9047f5ad51987 (diff) | |
download | pfsense-4afd1362bd57d0e4ce362dc105085b8c8d9f64c1.zip pfsense-4afd1362bd57d0e4ce362dc105085b8c8d9f64c1.tar.gz |
pfSense.css has been moved to pfSense-EXP.css
pfSense.css has been reverted to the version from about a week ago
Please go to System->General setup->Web configurator and select the css file you would prefer to work with
Diffstat (limited to 'src/usr/local/www/bootstrap/css/pfSense-EXP.css')
-rw-r--r-- | src/usr/local/www/bootstrap/css/pfSense-EXP.css | 612 |
1 files changed, 612 insertions, 0 deletions
diff --git a/src/usr/local/www/bootstrap/css/pfSense-EXP.css b/src/usr/local/www/bootstrap/css/pfSense-EXP.css new file mode 100644 index 0000000..fbc7534 --- /dev/null +++ b/src/usr/local/www/bootstrap/css/pfSense-EXP.css @@ -0,0 +1,612 @@ +@import url("/bootstrap/css/bootstrap.min.css"); +@import url("/bootstrap/glyphicons/glyphicons-halflings.css"); +@import url("/bootstrap/fonts/roboto.css"); + +html { + position: relative; + min-height: 100%; +} + +body { + margin-bottom: 80px; + background-color: #F5F5F5; + font-family: 'Roboto', sans-serif; +} + +body.no-menu #jumbotron { + padding: 100px 0; + background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%) +} + +body.no-menu { + background: url("/logo-black.png") no-repeat center 30px; + padding-top: 70px; +} + +body.no-menu #jumbotron { + margin-top: 75px; +} + +body#index .icons { + float: right; +} + +a:hover { + text-decoration: none; +} + +a.fa, i.fa { + font-size: 18px; +} + +h1 a:link, h1 a:visited { + color: #000000; + text-decoration: none !important; +} + +h1.page-header { + display: none; +} + +h1 a:hover, h1 a:active { + color: #000000; + text-decoration: none !important; +} + +.container.fixed { + padding-top: 60px; +} + +.breadcrumb { + font-size: 22px; + background-color: #E0E0E0; + margin-bottom: 10px; + border-radius: 0; + box-shadow: 0px 1px 10px rgba(0,0,0,.4); +} + +.breadcrumb>li+li:before { + color: #B71C1C; +} + +ul.context-links li a { + color: #B71C1C; +} + +.ui-sortable-handle { + cursor: move; +} + +tr.disabled td, +tr.disabled th { + opacity: .5; +} + +.contains-table table { + border: 1px solid #ddd; +} + +/** Content structure */ +.table-responsive { + clear: both; + margin-bottom: 0px; +} + +.page-header { + padding-bottom: 4px; + margin-bottom: 10px; +} + +ul.context-links li a { + +} + +/* navigation */ +.navbar { + margin-bottom: 10px; +} + +.navbar-inverse { + background-color: #000000; +} + +.navbar-brand { + padding-top: 3px; +} + +.nav>li>a { + padding: 14px 19px 10px 19px; + border-bottom: 5px solid #F5F5F5; + border-radius: 0; + color: #B71C1C; +} + +.nav>li>a:focus, .nav>li>a:hover { + border-bottom: 5px solid #B71C1C; + background-color: #f5f5f5; +} + +.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav li.open>a, .nav li.open>a:focus, .nav-pills>li.active>a:hover { + border-bottom: 5px solid #B71C1C; + color: #B71C1C; + background-color: #F5F5F5; +} + +.navbar-nav >li>a { + border-bottom: 5px solid #000000; +} + +.nav-tabs>li>a { + border-bottom: 5px solid #F5F5F5; + margin-bottom: 1px; +} + +.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover { + border-left: 1px solid #F5F5F5; + border-right: 1px solid #F5F5F5; + border-top: 1px solid #F5F5F5; + background-color: #F5F5F5; + border-bottom: 5px solid #B71C1C; + margin-bottom: 0; + color: #B71C1C; + box-shadow: none; +} + +.nav-tabs { + border-bottom: 1px solid #B71C1C; + margin-bottom: 15px; +} + +.nav-pills { + margin-bottom: 20px; +} + +.dropdown-menu>li>a { + padding: 5px 20px; +} +/* end navigation */ + +.alert { + border-radius: 0; + box-shadow: 0px 1px 10px rgba(0,0,0,0.1); +} + +.panel { + margin-bottom: 10px; + border-radius: 0; + box-shadow: 0px 3px 7px rgba(0,0,0,.1); +} + +.panel-default>.panel-heading { + color: #fff; + background-color: #424242; + letter-spacing: 1px; +} + +.panel-heading { + padding: 5px 15px; + border-radius: 0; +} + +.panel-title { + font-size: 20px; + text-transform: capitalize; +} + +.panel-body { + padding: 0px; +} + +#login .panel-heading { + padding: 10px 15px +} + +.content { + padding: 10px; +} + +.control-label, th { + text-transform: capitalize; +} + +.form-horizontal { + margin-bottom: 10px; + overflow: hidden; +} + +.form-horizontal .checkbox { + padding: 3px 16px; +} + +.form-control { + height: 24px; + padding: 0 6px; + margin-bottom: 5px; +} + +.form-control option { + padding: inherit; +} + +#login .form-control { + height: 34px; +} + +#login .form-group { + border: none; +} + +.form-group { + margin: 0; + padding: 7px 5px 5px 5px; + border-bottom: 1px solid #E0E0E0; +} + +.form-group:last-child { + border-bottom: none; +} + +.input-group-addon { + padding: 0 12px; +} + +.table { + margin-bottom: 0; +} + +.table>tbody>tr>td { + padding: 4px 4px 4px 10px; +} + +/* active table row */ +.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { + background-color: #BDBDBD; +} + +/* active table row on hover */ +.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { + background-color: #BDBDBD; +} + +.popover { + max-width: none; +} + +.help-block { + margin-bottom: 0; +} + +.action-buttons { + text-align: right; + margin-top: 10px; + margin-bottom: 20px; +} + +/** Form validation */ +.input-errors ul { + margin-top: 20px; +} + +/** Page header with title and breadcrumb */ +.header { + position: relative; +} + +.header .page-header { + margin-top: 0; +} + +.header .context-links { + position: absolute; + right: 15px; + top: 15px; +} + +.header .context-links li { + float: left; + display: inline; + margin-left: 10px; +} + +/** Form tweaks */ +form .btn + .btn { + margin-left: 5px; +} + +.input-group-inbetween { + border-left: 0; +} + +.user-duplication .controls { + margin-top: 10px; +} + +.checkbox.multi label { + display: block; +} + +.checkbox.multi .btn { + margin-top: 5px; +} + +.col-sm-10 .form-control { + width: calc(50% - 15px); /* substract 15px to match a .col-sm-5; which satisfies my OCD */ +} + +@media (max-width: 991px) { + .col-sm-10 .form-control { + width: 100%; + } +} + +/** Page footer */ +.footer { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 60px; + background-color: #212121; + padding-top: 10px; + text-align: center; +} + +footer a { + color: #ffffff; +} + + +/** Homepage / dashboard */ +[id^="widgets-col"] { + min-height: 300px; +} + +.widget .panel-heading { + background-color: #757575; +} + +#widgetSequence { + position: fixed; + left: 0; + bottom: 0; + padding: 20px 0; + width: 100%; + z-index: 100; + text-align: center; + background: rgba(255, 255, 255, 0.6); + border-top: 1px solid #ddd; +} + +/** Styling for jQuery autocomplete widget */ +.ui-autocomplete { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + float: left; + display: none; + min-width: 160px; + padding: 4px 0; + margin: 0 0 10px 25px; + list-style: none; + background-color: #ffffff; + border-color: #ccc; + border-color: rgba(0, 0, 0, 0.2); + border-style: solid; + border-width: 1px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + *border-right-width: 2px; + *border-bottom-width: 2px; +} + +/** Disable the autocomplete helper text */ +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/** Override the bootstrap progress bar margins */ +.progress { + margin-bottom: 0px; + height: 14px; +} + +#wizard .progress { + margin-bottom: 10px; +} + +.progress-bar { + background-color: #B71C1C; +} + +.panel-body.collapse.in { + overflow-x: auto; +} + +/** create icon colors */ +.icon-black +{ + color: #000000; +} + +.icon-danger +{ + color: #D9534F; +} + +.icon-success +{ + color: #5CB85C; +} + +.icon-primary +{ + color: #337AB7; +} + +.icon-warning { + color: #FDD835; +} + +.text-warning { + color: #F57F17; +} + +.btn-success { + background-color: #43A047; +} + +.btn-danger { + background-color: #B71C1C; +} + +.btn-primary { + background-color: #1976D2; +} + +.bg-primary { + color: #000; + background-color: #009688; +} + +.bg-info { + color: #000; + background-color: #80DEEA; +} + +.bg-danger { + color: #000; + background-color: #EF9A9A; +} + +.bg-warning { + color: #000; + background-color: #FFF9C4; +} + +.bg-success { + color: #000; + background-color: #A5D6A7; +} + +/** icons are often used with onclick actions, so we need the cursor to change to a pointer */ +.icon-pointer +{ + cursor: pointer; +} + +.icon-embed-btn +{ + font-size: 15px; + vertical-align: middle; + color: white; +} + +/* Used when you need an icon to act as a submit button **/ +.button-icon +{ + color: #337AB7; + background: none; + border: 0px; +} + +.btn +{ + padding-right: 4px; + padding-left: 4px; +} + +.list-group { + margin-bottom: 0; +} + +/* icons in the dashboard panel headings should pull-right **/ +.widget-heading-icon +{ + display: block; + float: right; +} + +.widget-heading-icon .fa { + color: #fff; +} + +.widget-heading-icon .fa:hover { + color: #e0e0e0; +} + +/* ipsec widget placeholder */ +#ipsec-Overview, #ipsec-tunnel, #ipsec-mobile { + background-color:#EEEEEE; +} + +/* All pfSense textareas benefit from using a fixed width font **/ +textarea +{ + font-family: monospace; + font-size: 12px; + -moz-tab-size: 4; + -o-tab-size: 4; +} + +@media (max-width: 1199px) { + .nav>li>a { + padding: 14px 9px 10px 9px; + } + } + + @media (max-width: 991px) { + /* change top navbar from horizontal to vertical */ + .navbar-header { + float: none; + } + .navbar-toggle { + display: block; + } + .navbar-collapse { + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); + } + .navbar-collapse.collapse { + display: none!important; + } + .navbar-nav { + float: none!important; + margin: 7.5px -15px; + } + .navbar-nav>li { + float: none; + } + .navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + } + .navbar-text { + float: none; + margin: 15px 0; + } + /* since 3.1.0 */ + .navbar-collapse.collapse.in { + display: block!important; + } + .collapsing { + overflow: hidden!important; + } + .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { + max-height: none !important; + } +} |