diff --git a/misc/theme-cicada/Makefile b/misc/theme-cicada/Makefile index 06e5dd8dd..4f0869a56 100644 --- a/misc/theme-cicada/Makefile +++ b/misc/theme-cicada/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-cicada -PLUGIN_VERSION= 1.21 +PLUGIN_VERSION= 1.22 PLUGIN_COMMENT= The cicada theme - grey/orange PLUGIN_MAINTAINER= rene@team-rebellion.net diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss index b882b12e3..ff0612222 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss @@ -8,14 +8,17 @@ padding-right: 1px !important; padding-left: 5px !important; min-height: 25px !important; + .btn-group .btn { color: #FFFFFF !important; background: none; border: 0px; + .glyphicon { color: #FFFFFF !important; } } + .list-inline li > h3 { padding-top: 4px; } @@ -26,19 +29,16 @@ src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); } - @font-face { font-family: 'SourceSansProSemibold'; src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); } - @font-face { font-family: 'SourceSansProRegular'; src: url("/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); } - /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ table html { @@ -70,15 +70,17 @@ audio:not([controls]) { } a { - color: #515151; + color: #ec6d12; text-decoration: none; background: transparent; outline: 0; + &:link, &:active { outline: 0; } + &:hover, &:focus { - color: #515151; + color: #ec6d12; text-decoration: underline; } } @@ -196,21 +198,26 @@ input { border: 0; padding: 0; } + line-height: normal; + &[type="checkbox"], &[type="radio"] { box-sizing: border-box; padding: 0; } + &[type="number"] { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { height: auto; } } + &[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; + &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; } @@ -254,64 +261,82 @@ td, th { background: transparent !important; box-shadow: none !important; } + a { text-decoration: underline; + &:visited { text-decoration: underline; } + &[href]:after { content: " (" attr(href) ")"; } } + abbr[title]:after { content: " (" attr(title) ")"; } + a { &[href^="javascript:"]:after, &[href^="#"]:after { content: ""; } } + pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } + thead { display: table-header-group; } + tr { page-break-inside: avoid; } + img { page-break-inside: avoid; max-width: 100% !important; } + p, h2, h3 { orphans: 3; widows: 3; } + h2, h3 { page-break-after: avoid; } + select { background: #fff !important; } + .navbar { display: none; } + .table { td, th { background-color: #fff !important; } } + .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } + .label { border: 1px solid #000; } + .table { border-collapse: collapse !important; } + .table-bordered { th, td { border: 1px solid #ddd !important; @@ -325,7 +350,6 @@ td, th { src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } - .glyphicon { position: relative; top: 1px; @@ -1149,6 +1173,7 @@ td, th { -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; + &:before, &:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -1518,7 +1543,7 @@ mark, .mark { } .text-primary { - color: #515151; + color: #aeaeae; } a.text-primary:hover { @@ -1630,6 +1655,7 @@ ol { padding-left: 0; list-style: none; margin-left: -5px; + > li { float: left; padding-left: 5px; @@ -1659,6 +1685,7 @@ dd { content: " "; display: table; } + &:after { content: " "; display: table; @@ -1677,6 +1704,7 @@ dd { text-overflow: ellipsis; white-space: nowrap; } + dd { margin-left: 180px; } @@ -1700,15 +1728,18 @@ blockquote { margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; + p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; } + footer, small, .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } + footer:before, small:before, .small:before { content: '\2014 \00A0'; } @@ -1746,6 +1777,7 @@ blockquote { content: '\00A0 \2014'; } } + &:before, &:after { content: ""; } @@ -1776,6 +1808,7 @@ kbd { background-color: #2d2d2d; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + kbd { padding: 0; font-size: 100%; @@ -1795,6 +1828,7 @@ pre { background-color: inherit; border: inherit; border-radius: 3px; + code { padding: 0; font-size: inherit; @@ -1815,10 +1849,12 @@ pre { margin-left: auto; padding-left: 20px; padding-right: 20px; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; @@ -1847,10 +1883,12 @@ pre { .row { margin-left: -20px; margin-right: -20px; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; @@ -2077,156 +2115,207 @@ pre { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } + .col-sm-1 { width: 8.33333%; } + .col-sm-2 { width: 16.66667%; } + .col-sm-3 { width: 25%; } + .col-sm-4 { width: 33.33333%; } + .col-sm-5 { width: 41.66667%; } + .col-sm-6 { width: 50%; } + .col-sm-7 { width: 58.33333%; } + .col-sm-8 { width: 66.66667%; } + .col-sm-9 { width: 75%; } + .col-sm-10 { width: 83.33333%; } + .col-sm-11 { width: 91.66667%; } + .col-sm-12 { width: 100%; } + .col-sm-pull-0 { right: auto; } + .col-sm-pull-1 { right: 8.33333%; } + .col-sm-pull-2 { right: 16.66667%; } + .col-sm-pull-3 { right: 25%; } + .col-sm-pull-4 { right: 33.33333%; } + .col-sm-pull-5 { right: 41.66667%; } + .col-sm-pull-6 { right: 50%; } + .col-sm-pull-7 { right: 58.33333%; } + .col-sm-pull-8 { right: 66.66667%; } + .col-sm-pull-9 { right: 75%; } + .col-sm-pull-10 { right: 83.33333%; } + .col-sm-pull-11 { right: 91.66667%; } + .col-sm-pull-12 { right: 100%; } + .col-sm-push-0 { left: auto; } + .col-sm-push-1 { left: 8.33333%; } + .col-sm-push-2 { left: 16.66667%; } + .col-sm-push-3 { left: 25%; } + .col-sm-push-4 { left: 33.33333%; } + .col-sm-push-5 { left: 41.66667%; } + .col-sm-push-6 { left: 50%; } + .col-sm-push-7 { left: 58.33333%; } + .col-sm-push-8 { left: 66.66667%; } + .col-sm-push-9 { left: 75%; } + .col-sm-push-10 { left: 83.33333%; } + .col-sm-push-11 { left: 91.66667%; } + .col-sm-push-12 { left: 100%; } + .col-sm-offset-0 { margin-left: 0%; } + .col-sm-offset-1 { margin-left: 8.33333%; } + .col-sm-offset-2 { margin-left: 16.66667%; } + .col-sm-offset-3 { margin-left: 25%; } + .col-sm-offset-4 { margin-left: 33.33333%; } + .col-sm-offset-5 { margin-left: 41.66667%; } + .col-sm-offset-6 { margin-left: 50%; } + .col-sm-offset-7 { margin-left: 58.33333%; } + .col-sm-offset-8 { margin-left: 66.66667%; } + .col-sm-offset-9 { margin-left: 75%; } + .col-sm-offset-10 { margin-left: 83.33333%; } + .col-sm-offset-11 { margin-left: 91.66667%; } + .col-sm-offset-12 { margin-left: 100%; } @@ -2236,156 +2325,207 @@ pre { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } + .col-md-1 { width: 8.33333%; } + .col-md-2 { width: 16.66667%; } + .col-md-3 { width: 25%; } + .col-md-4 { width: 33.33333%; } + .col-md-5 { width: 41.66667%; } + .col-md-6 { width: 50%; } + .col-md-7 { width: 58.33333%; } + .col-md-8 { width: 66.66667%; } + .col-md-9 { width: 75%; } + .col-md-10 { width: 83.33333%; } + .col-md-11 { width: 91.66667%; } + .col-md-12 { width: 100%; } + .col-md-pull-0 { right: auto; } + .col-md-pull-1 { right: 8.33333%; } + .col-md-pull-2 { right: 16.66667%; } + .col-md-pull-3 { right: 25%; } + .col-md-pull-4 { right: 33.33333%; } + .col-md-pull-5 { right: 41.66667%; } + .col-md-pull-6 { right: 50%; } + .col-md-pull-7 { right: 58.33333%; } + .col-md-pull-8 { right: 66.66667%; } + .col-md-pull-9 { right: 75%; } + .col-md-pull-10 { right: 83.33333%; } + .col-md-pull-11 { right: 91.66667%; } + .col-md-pull-12 { right: 100%; } + .col-md-push-0 { left: auto; } + .col-md-push-1 { left: 8.33333%; } + .col-md-push-2 { left: 16.66667%; } + .col-md-push-3 { left: 25%; } + .col-md-push-4 { left: 33.33333%; } + .col-md-push-5 { left: 41.66667%; } + .col-md-push-6 { left: 50%; } + .col-md-push-7 { left: 58.33333%; } + .col-md-push-8 { left: 66.66667%; } + .col-md-push-9 { left: 75%; } + .col-md-push-10 { left: 83.33333%; } + .col-md-push-11 { left: 91.66667%; } + .col-md-push-12 { left: 100%; } + .col-md-offset-0 { margin-left: 0%; } + .col-md-offset-1 { margin-left: 8.33333%; } + .col-md-offset-2 { margin-left: 16.66667%; } + .col-md-offset-3 { margin-left: 25%; } + .col-md-offset-4 { margin-left: 33.33333%; } + .col-md-offset-5 { margin-left: 41.66667%; } + .col-md-offset-6 { margin-left: 50%; } + .col-md-offset-7 { margin-left: 58.33333%; } + .col-md-offset-8 { margin-left: 66.66667%; } + .col-md-offset-9 { margin-left: 75%; } + .col-md-offset-10 { margin-left: 83.33333%; } + .col-md-offset-11 { margin-left: 91.66667%; } + .col-md-offset-12 { margin-left: 100%; } @@ -2395,156 +2535,207 @@ pre { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } + .col-lg-1 { width: 8.33333%; } + .col-lg-2 { width: 16.66667%; } + .col-lg-3 { width: 25%; } + .col-lg-4 { width: 33.33333%; } + .col-lg-5 { width: 41.66667%; } + .col-lg-6 { width: 50%; } + .col-lg-7 { width: 58.33333%; } + .col-lg-8 { width: 66.66667%; } + .col-lg-9 { width: 75%; } + .col-lg-10 { width: 83.33333%; } + .col-lg-11 { width: 91.66667%; } + .col-lg-12 { width: 100%; } + .col-lg-pull-0 { right: auto; } + .col-lg-pull-1 { right: 8.33333%; } + .col-lg-pull-2 { right: 16.66667%; } + .col-lg-pull-3 { right: 25%; } + .col-lg-pull-4 { right: 33.33333%; } + .col-lg-pull-5 { right: 41.66667%; } + .col-lg-pull-6 { right: 50%; } + .col-lg-pull-7 { right: 58.33333%; } + .col-lg-pull-8 { right: 66.66667%; } + .col-lg-pull-9 { right: 75%; } + .col-lg-pull-10 { right: 83.33333%; } + .col-lg-pull-11 { right: 91.66667%; } + .col-lg-pull-12 { right: 100%; } + .col-lg-push-0 { left: auto; } + .col-lg-push-1 { left: 8.33333%; } + .col-lg-push-2 { left: 16.66667%; } + .col-lg-push-3 { left: 25%; } + .col-lg-push-4 { left: 33.33333%; } + .col-lg-push-5 { left: 41.66667%; } + .col-lg-push-6 { left: 50%; } + .col-lg-push-7 { left: 58.33333%; } + .col-lg-push-8 { left: 66.66667%; } + .col-lg-push-9 { left: 75%; } + .col-lg-push-10 { left: 83.33333%; } + .col-lg-push-11 { left: 91.66667%; } + .col-lg-push-12 { left: 100%; } + .col-lg-offset-0 { margin-left: 0%; } + .col-lg-offset-1 { margin-left: 8.33333%; } + .col-lg-offset-2 { margin-left: 16.66667%; } + .col-lg-offset-3 { margin-left: 25%; } + .col-lg-offset-4 { margin-left: 33.33333%; } + .col-lg-offset-5 { margin-left: 41.66667%; } + .col-lg-offset-6 { margin-left: 50%; } + .col-lg-offset-7 { margin-left: 58.33333%; } + .col-lg-offset-8 { margin-left: 66.66667%; } + .col-lg-offset-9 { margin-left: 75%; } + .col-lg-offset-10 { margin-left: 83.33333%; } + .col-lg-offset-11 { margin-left: 91.66667%; } + .col-lg-offset-12 { margin-left: 100%; } @@ -2558,6 +2749,7 @@ th { width: 100%; max-width: 100%; margin-bottom: 20px; + > { thead > tr > { th, td { @@ -2567,6 +2759,7 @@ th { border-top: 1px solid #303030; } } + tbody > tr > { th, td { padding: 10px 0px 10px 20px; @@ -2575,6 +2768,7 @@ th { border-top: 1px solid #303030; } } + tfoot > tr > { th, td { padding: 10px 0px 10px 20px; @@ -2583,9 +2777,11 @@ th { border-top: 1px solid #303030; } } + thead > tr > th { vertical-align: bottom; } + caption + thead > tr:first-child > { th, td { border-top: 0; @@ -2595,6 +2791,7 @@ th { background-color: #262626; } } + colgroup + thead > tr:first-child > { th, td { border-top: 0; @@ -2604,6 +2801,7 @@ th { background-color: #262626; } } + thead:first-child > tr:first-child > { th, td { border-top: 0; @@ -2613,10 +2811,12 @@ th { background-color: #262626; } } + tbody + tbody { border-top: 2px solid #eee; } } + .table { background-color: none; } @@ -2628,11 +2828,13 @@ th { padding: 5px; } } + tbody > tr > { th, td { padding: 5px; } } + tfoot > tr > { th, td { padding: 5px; @@ -2642,22 +2844,26 @@ th { .table-bordered { border: 1px solid #5a5a5a; + > { thead > tr > { th, td { border: 1px solid #5a5a5a; } } + tbody > tr > { th, td { border: 1px solid #5a5a5a; } } + tfoot > tr > { th, td { border: 1px solid #5a5a5a; } } + thead > tr > { th, td { border-bottom-width: 2px; @@ -2684,6 +2890,7 @@ table { float: none; display: table-column; } + td[class*="col-"], th[class*="col-"] { position: static; float: none; @@ -2698,30 +2905,35 @@ table { background-color: #3C3C3B; } } + &.active > { td, th { background-color: #3C3C3B; } } } + tbody > tr { > { td.active, th.active { background-color: #3C3C3B; } } + &.active > { td, th { background-color: #3C3C3B; } } } + tfoot > tr { > { td.active, th.active { background-color: #3C3C3B; } } + &.active > { td, th { background-color: #3C3C3B; @@ -2736,6 +2948,7 @@ table { background-color: #515151; } } + &.active:hover > td, &:hover > .active, &.active:hover > th { background-color: #515151; } @@ -2748,30 +2961,35 @@ table { background-color: #9BD275; } } + &.success > { td, th { background-color: #9BD275; } } } + tbody > tr { > { td.success, th.success { background-color: #9BD275; } } + &.success > { td, th { background-color: #9BD275; } } } + tfoot > tr { > { td.success, th.success { background-color: #9BD275; } } + &.success > { td, th { background-color: #9BD275; @@ -2786,6 +3004,7 @@ table { background-color: #8dcc62; } } + &.success:hover > td, &:hover > .success, &.success:hover > th { background-color: #8dcc62; } @@ -2798,30 +3017,35 @@ table { background-color: #d9edf7; } } + &.info > { td, th { background-color: #d9edf7; } } } + tbody > tr { > { td.info, th.info { background-color: #d9edf7; } } + &.info > { td, th { background-color: #d9edf7; } } } + tfoot > tr { > { td.info, th.info { background-color: #d9edf7; } } + &.info > { td, th { background-color: #d9edf7; @@ -2836,6 +3060,7 @@ table { background-color: #c4e3f3; } } + &.info:hover > td, &:hover > .info, &.info:hover > th { background-color: #c4e3f3; } @@ -2848,30 +3073,35 @@ table { background-color: #fcf8e3; } } + &.warning > { td, th { background-color: #fcf8e3; } } } + tbody > tr { > { td.warning, th.warning { background-color: #fcf8e3; } } + &.warning > { td, th { background-color: #fcf8e3; } } } + tfoot > tr { > { td.warning, th.warning { background-color: #fcf8e3; } } + &.warning > { td, th { background-color: #fcf8e3; @@ -2886,6 +3116,7 @@ table { background-color: #faf2cc; } } + &.warning:hover > td, &:hover > .warning, &.warning:hover > th { background-color: #faf2cc; } @@ -2898,30 +3129,35 @@ table { background-color: #F05050; } } + &.danger > { td, th { background-color: #F05050; } } } + tbody > tr { > { td.danger, th.danger { background-color: #F05050; } } + &.danger > { td, th { background-color: #F05050; } } } + tfoot > tr { > { td.danger, th.danger { background-color: #F05050; } } + &.danger > { td, th { background-color: #F05050; @@ -2936,6 +3172,7 @@ table { background-color: #ee3939; } } + &.danger:hover > td, &:hover > .danger, &.danger:hover > th { background-color: #ee3939; } @@ -2948,22 +3185,27 @@ table { overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; + /* border: 1px solid $table-border-color; */ -webkit-overflow-scrolling: touch; + > { .table { margin-bottom: 0; + > { thead > tr > { th, td { white-space: nowrap; } } + tbody > tr > { th, td { white-space: nowrap; } } + tfoot > tr > { th, td { white-space: nowrap; @@ -2971,44 +3213,53 @@ table { } } } + .table-bordered { border: 0; + > { thead > tr > { th:first-child, td:first-child { border-left: 0; } } + tbody > tr > { th:first-child, td:first-child { border-left: 0; } } + tfoot > tr > { th:first-child, td:first-child { border-left: 0; } } + thead > tr > { th:last-child, td:last-child { border-right: 0; } } + tbody > tr > { th:last-child, td:last-child { border-right: 0; } } + tfoot > tr > { th:last-child, td:last-child { border-right: 0; } } + tbody > tr:last-child > { th, td { border-bottom: 0; } } + tfoot > tr:last-child > { th, td { border-bottom: 0; @@ -3052,14 +3303,17 @@ input { -moz-box-sizing: border-box; box-sizing: border-box; } + &[type="radio"], &[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } + &[type="file"] { display: block; } + &[type="range"] { display: block; width: 100%; @@ -3113,6 +3367,7 @@ select { background-image: none !important; color: #FFFFFF !important; } + display: block; width: 100%; height: 34px; @@ -3174,7 +3429,7 @@ input { select:hover, textarea:hover { color: #FFF; background-color: #262626; - border-color: #515151; + border-color: #ec6d12; outline: 0; } @@ -3182,14 +3437,14 @@ input { &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover { color: #FFF; background-color: #262626; - border-color: #515151; + border-color: #ec6d12; outline: 0; } } select:focus, textarea:focus { color: #FFF; - border-color: #515151; + border-color: #ec6d12; background-color: #232323; outline: 0; } @@ -3197,7 +3452,7 @@ select:focus, textarea:focus { input { &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus { color: #FFF; - border-color: #515151; + border-color: #ec6d12; background-color: #232323; outline: 0; } @@ -3885,10 +4140,12 @@ input { &[type="search"] { -webkit-appearance: none; } + &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] { line-height: 34px; line-height: 1.42857 \0; } + &[type="date"].input-sm { line-height: 30px; } @@ -3904,6 +4161,7 @@ input { line-height: 30px; } } + .input-group-btn > input[type="date"].btn { line-height: 30px; } @@ -3919,6 +4177,7 @@ input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"]. line-height: 30px; } } + .input-group-btn > input[type="time"].btn { line-height: 30px; } @@ -3934,6 +4193,7 @@ input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[typ line-height: 30px; } } + .input-group-btn > input[type="datetime-local"].btn { line-height: 30px; } @@ -3949,6 +4209,7 @@ input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month" line-height: 30px; } } + .input-group-btn > input[type="month"].btn { line-height: 30px; } @@ -3964,6 +4225,7 @@ input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"]. line-height: 46px; } } + .input-group-btn > input[type="date"].btn { line-height: 46px; } @@ -3979,6 +4241,7 @@ input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"]. line-height: 46px; } } + .input-group-btn > input[type="time"].btn { line-height: 46px; } @@ -3994,6 +4257,7 @@ input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[typ line-height: 46px; } } + .input-group-btn > input[type="datetime-local"].btn { line-height: 46px; } @@ -4009,6 +4273,7 @@ input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month" line-height: 46px; } } + .input-group-btn > input[type="month"].btn { line-height: 46px; } @@ -4081,6 +4346,7 @@ fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disa padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; + &.input-lg { padding-left: 0; padding-right: 0; @@ -4099,6 +4365,7 @@ fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disa padding-right: 0; } } + .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; @@ -4117,6 +4384,7 @@ fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disa padding-right: 0; } } + .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; @@ -4153,6 +4421,7 @@ select.input-sm, .form-horizontal .form-group-sm select.form-control { line-height: 30px; } } + .input-group-btn > select.btn { height: 30px; line-height: 30px; @@ -4169,6 +4438,7 @@ textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control { height: auto; } } + .input-group-btn > textarea.btn { height: auto; } @@ -4184,6 +4454,7 @@ select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form height: auto; } } + .input-group-btn > select[multiple].btn { height: auto; } @@ -4219,6 +4490,7 @@ select.input-lg, .form-horizontal .form-group-lg select.form-control { line-height: 46px; } } + .input-group-btn > select.btn { height: 46px; line-height: 46px; @@ -4235,6 +4507,7 @@ textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control { height: auto; } } + .input-group-btn > textarea.btn { height: auto; } @@ -4250,6 +4523,7 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form height: auto; } } + .input-group-btn > select[multiple].btn { height: auto; } @@ -4257,6 +4531,7 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form .has-feedback { position: relative; + .form-control { padding-right: 42.5px; } @@ -4306,21 +4581,25 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { color: #46A50C; } + .form-control { border-color: #46A50C; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + &:focus { border-color: #7fc54f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; } } + .input-group-addon { color: #46A50C; border-color: #46A50C; background-color: #46A50C; } + .form-control-feedback { color: #46A50C; } @@ -4330,21 +4609,25 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { color: #f0ad4e; } + .form-control { border-color: #f0ad4e; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + &:focus { border-color: #ec971f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; } } + .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: #fcf8e3; } + .form-control-feedback { color: #f0ad4e; } @@ -4354,21 +4637,25 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { color: #FC2E03; } + .form-control { border-color: #DB4829; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + &:focus { border-color: #FC2E03; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; } } + .input-group-addon { color: #DB4829; border-color: #DB4829; background-color: #DB4829; } + .form-control-feedback { color: #DB4829; } @@ -4391,38 +4678,47 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form margin-bottom: 0; vertical-align: middle; } + .form-inline .form-control, .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } + .form-inline .input-group, .navbar-form .input-group { display: inline-table; vertical-align: middle; } + .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { width: auto; } + .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { width: 100%; } + .form-inline .control-label, .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } + .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } + .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { padding-left: 0; } + .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } + .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { top: 0; } @@ -4434,22 +4730,27 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form margin-bottom: 0; padding-top: 7px; } + .radio, .checkbox { min-height: 27px; } + .form-group { margin-left: -20px; margin-right: -20px; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } } + .has-feedback control-feedback { top: 0; right: 20px; @@ -4505,18 +4806,20 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form .btn { &:active, &.active { - color: #515151; + color: #ec6d12; background-color: #2d2d2d; outline: 0; border-color: #5a5a5a; text-decoration: none; } + &:hover, &:focus { background-color: #292929; color: #FFF; text-decoration: none; - border: 1px solid #515151; + border: 1px solid #ec6d12; } + &:active, &.active { background-image: none; outline: 0; @@ -4533,16 +4836,19 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form background-color: #FFFFFF; border-color: #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #FFFFFF; border-color: #1d1d1d; outline: 0; } } + &[disabled] { background-color: #FFFFFF; border-color: #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #FFFFFF; border-color: #1d1d1d; @@ -4555,6 +4861,7 @@ fieldset[disabled] .btn { background-color: #FFFFFF; border-color: #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #FFFFFF; border-color: #1d1d1d; @@ -4567,15 +4874,18 @@ fieldset[disabled] .btn { color: #FFFFFF; background-color: #3a3a3a; } + &:focus, &:active:focus, &.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: 0; } + &:active, &.active { outline: 0; } + &.disabled, &[disabled] { cursor: not-allowed; pointer-events: none; @@ -4621,16 +4931,19 @@ fieldset[disabled] .btn { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; outline: 0; } } + &[disabled] { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; @@ -4643,6 +4956,7 @@ fieldset[disabled] .btn-default { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #FFFFFF; border-color: 1px solid #1d1d1d; @@ -4661,6 +4975,7 @@ fieldset[disabled] .btn-default { background-color: #DE7313; border: 1px solid #1d1d1d; outline: 0; + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #292929; @@ -4691,16 +5006,19 @@ fieldset[disabled] .btn-default { background-color: #515151; border-color: #323232; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #515151; border-color: #323232; outline: 0; } } + &[disabled] { background-color: #515151; border-color: #323232; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #515151; border-color: #323232; @@ -4713,6 +5031,7 @@ fieldset[disabled] .btn-primary { background-color: #515151; border-color: #323232; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #515151; border-color: #323232; @@ -4729,6 +5048,7 @@ fieldset[disabled] .btn-primary { color: #fff; background-color: #46A50C; border-color: #323232; + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #3D910A; @@ -4759,16 +5079,19 @@ fieldset[disabled] .btn-primary { background-color: #46A50C; border-color: #8dcc62; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #46A50C; border-color: #8dcc62; outline: 0; } } + &[disabled] { background-color: #46A50C; border-color: #8dcc62; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #46A50C; border-color: #8dcc62; @@ -4781,6 +5104,7 @@ fieldset[disabled] .btn-success { background-color: #46A50C; border-color: #8dcc62; outline: 0; + &:hover, &:focus, &:active, &.active { background-color: #46A50C; border-color: #8dcc62; @@ -4797,6 +5121,7 @@ fieldset[disabled] .btn-success { color: #fff; background-color: #B0CDDB; border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #8db7cb; @@ -4824,14 +5149,17 @@ fieldset[disabled] .btn-success { &.disabled { background-color: #B0CDDB; border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { background-color: #B0CDDB; border-color: #9ec2d3; } } + &[disabled] { background-color: #B0CDDB; border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { background-color: #B0CDDB; border-color: #9ec2d3; @@ -4842,6 +5170,7 @@ fieldset[disabled] .btn-success { fieldset[disabled] .btn-info { background-color: #B0CDDB; border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { background-color: #B0CDDB; border-color: #9ec2d3; @@ -4857,6 +5186,7 @@ fieldset[disabled] .btn-info { color: #fff; background-color: #DE7313; border-color: #1d1d1d; + &:hover, &:focus, &:active, &.active { color: #fff; background-color: #292929; @@ -4884,14 +5214,17 @@ fieldset[disabled] .btn-info { &.disabled { background-color: #f0ad4e; border-color: #eea236; + &:hover, &:focus, &:active, &.active { background-color: #f0ad4e; border-color: #eea236; } } + &[disabled] { background-color: #f0ad4e; border-color: #eea236; + &:hover, &:focus, &:active, &.active { background-color: #f0ad4e; border-color: #eea236; @@ -4902,6 +5235,7 @@ fieldset[disabled] .btn-info { fieldset[disabled] .btn-warning { background-color: #f0ad4e; border-color: #eea236; + &:hover, &:focus, &:active, &.active { background-color: #f0ad4e; border-color: #eea236; @@ -4917,6 +5251,7 @@ fieldset[disabled] .btn-warning { color: #fff; background-color: #DB4829; border-color: #1d1d1d; + &:hover, &:focus, &:active, &.active { color: #fff; background-color: none; @@ -4944,14 +5279,17 @@ fieldset[disabled] .btn-warning { &.disabled { background-color: #DB4829; border-color: #ee3939; + &:hover, &:focus, &:active, &.active { background-color: #DB4829; border-color: #ee3939; } } + &[disabled] { background-color: #DB4829; border-color: #ee3939; + &:hover, &:focus, &:active, &.active { background-color: #DB4829; border-color: #ee3939; @@ -4962,6 +5300,7 @@ fieldset[disabled] .btn-warning { fieldset[disabled] .btn-danger { background-color: #DB4829; border-color: #ee3939; + &:hover, &:focus, &:active, &.active { background-color: #DB4829; border-color: #ee3939; @@ -4981,6 +5320,7 @@ fieldset[disabled] .btn-danger { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; + &:active, &[disabled] { background-color: transparent; -webkit-box-shadow: none; @@ -4996,14 +5336,17 @@ fieldset[disabled] .btn-link { .btn-link { border-color: transparent; + &:hover, &:focus, &:active { border-color: transparent; } + &:hover, &:focus { color: #9f4d03; text-decoration: underline; background-color: transparent; } + &[disabled] { &:hover, &:focus { color: #777777; @@ -5043,6 +5386,7 @@ fieldset[disabled] .btn-link { .btn-block { display: block; width: 100%; + + .btn-block { margin-top: 5px; } @@ -5060,6 +5404,7 @@ input { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; + &.in { opacity: 1; filter: alpha(opacity = 100); @@ -5068,6 +5413,7 @@ input { .collapse { display: none; + &.in { display: block; } @@ -5134,17 +5480,20 @@ tbody.collapse.in { -moz-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6); box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6); opacity: 0.97; + &.pull-right { right: 0; left: auto; background-color: #e5e5e5; } + .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } + > { li > a { display: block; @@ -5155,29 +5504,35 @@ tbody.collapse.in { color: #FFFFFF; white-space: nowrap; outline: 0; + &:hover, &:focus { text-decoration: none; color: #FFFFFF; - background-color: #515151; + background-color: #ec6d12; } } + .active > a { color: #fff; text-decoration: none; outline: 0; - background-color: #515151; + background-color: #ec6d12; + &:hover, &:focus { color: #fff; text-decoration: none; outline: 0; - background-color: #515151; + background-color: #ec6d12; } } + .disabled > a { color: #777777; + &:hover, &:focus { color: #777777; } + &:hover, &:focus { text-decoration: none; background-color: transparent; @@ -5193,6 +5548,7 @@ tbody.collapse.in { .dropdown-menu { display: block; } + a { outline: 0; } @@ -5249,6 +5605,7 @@ tbody.collapse.in { right: 0; left: auto; } + .dropdown-menu-left { left: 0; right: auto; @@ -5295,6 +5652,7 @@ tbody.collapse.in { margin-left: -1px; } } + .btn-group + { .btn, .btn-group { margin-left: -1px; @@ -5304,18 +5662,22 @@ tbody.collapse.in { .btn-toolbar { margin-left: -5px; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } + .btn-group, .input-group { float: left; } + > { .btn, .btn-group, .input-group { margin-left: 5px; @@ -5329,62 +5691,74 @@ tbody.collapse.in { &:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } + &:first-child { margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } } + &:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } } + .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group { float: left; + &:not(:first-child):not(:last-child) > .btn { border-radius: 0; } + &:first-child > { .btn:last-child, .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } } + &:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } } } + .dropdown-toggle { &:active, &:hover { outline: 0; color: #FFFFFF; background-color: #262626; - border-color: #515151; + border-color: #ec6d12; -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); } } + &.open .dropdown-toggle { outline: 0; color: #FFFFFF; background-color: #262626; - border-color: #515151; + border-color: #ec6d12; -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); } + > { .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } + .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; @@ -5400,6 +5774,7 @@ tbody.collapse.in { .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); + &.btn-link { -webkit-box-shadow: none; box-shadow: none; @@ -5428,67 +5803,80 @@ tbody.collapse.in { width: 100%; max-width: 100%; } + .btn-group { display: block; float: none; width: 100%; max-width: 100%; + > .btn { display: block; float: none; width: 100%; max-width: 100%; } + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } + > .btn { float: none; } } + .btn + { .btn, .btn-group { margin-top: -1px; margin-left: 0; } } + .btn-group + { .btn, .btn-group { margin-top: -1px; margin-left: 0; } } + .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } + &:first-child:not(:last-child) { border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + &:last-child:not(:first-child) { border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } } + .btn-group { &:not(:first-child):not(:last-child) > .btn { border-radius: 0; } + &:first-child:not(:last-child) > { .btn:last-child, .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } + &:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; @@ -5501,19 +5889,23 @@ tbody.collapse.in { width: 100%; table-layout: fixed; border-collapse: separate; + > { .btn { float: none; display: table-cell; width: 1%; } + .btn-group { float: none; display: table-cell; width: 1%; + .btn { width: 100%; } + .dropdown-menu { left: auto; } @@ -5534,11 +5926,13 @@ tbody.collapse.in { position: relative; display: table; border-collapse: separate; + &[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } + .form-control { position: relative; z-index: 2; @@ -5571,6 +5965,7 @@ tbody.collapse.in { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 3px; + &.input-sm { padding: 5px 10px; font-size: 12px; @@ -5624,6 +6019,7 @@ tbody.collapse.in { border-top-right-radius: 0; } } + &:last-child > { .btn:not(:last-child):not(.dropdown-toggle), .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; @@ -5648,6 +6044,7 @@ tbody.collapse.in { border-top-left-radius: 0; } } + &:first-child > { .btn:not(:first-child), .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; @@ -5664,20 +6061,25 @@ tbody.collapse.in { position: relative; font-size: 0; white-space: nowrap; + > .btn { position: relative; + + .btn { margin-left: -1px; } + &:hover, &:focus, &:active { z-index: 2; } } + &:first-child > { .btn, .btn-group { margin-right: -1px; } } + &:last-child > { .btn, .btn-group { margin-left: -1px; @@ -5689,24 +6091,28 @@ tbody.collapse.in { margin-bottom: 0; padding-left: 0; list-style: none; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } + > li { position: relative; display: block; + > a { position: relative; display: block; padding: 10px 15px; background-color: #3a3a3a; - color: #929292; + color: #fff; border-left: 1px solid #565656; border-right: 1px solid #565656; border-top: 1px solid #565656; @@ -5720,7 +6126,7 @@ tbody.collapse.in { display: block; padding: 10px 15px; background-color: #3a3a3a; - color: #929292; + color: #fff; border-left: 1px solid #565656; border-right: 1px solid #565656; border-top: 1px solid #565656; @@ -5733,19 +6139,21 @@ tbody.collapse.in { position: relative; display: block; padding: none; - color: #515151; + color: #ec6d12; background-color: transparent; border: none; } + > a:hover { text-decoration: underline; } } + > a { &:hover, &:focus { text-decoration: none; background-color: #2d2d2d; - color: #515151; + color: #ec6d12; } } } @@ -5757,6 +6165,7 @@ a:focus { .nav { > li.disabled > a { color: #777777; + &:hover, &:focus { color: #777777; text-decoration: none; @@ -5764,20 +6173,24 @@ a:focus { cursor: not-allowed; } } + .open > a { background-color: #333; cursor: pointer; + &:hover, &:focus { background-color: #333; cursor: pointer; } } + .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } + > li > a > img { max-width: none; } @@ -5785,10 +6198,12 @@ a:focus { .nav-tabs { margin-right: 1px; + > { li { float: left; margin-bottom: -1px; + > a { margin-right: 2px; line-height: 1.428571429; @@ -5799,28 +6214,33 @@ a:focus { box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); } } + .dropdown > a { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); + &.pull-right { -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6); } } + li { > a:hover { border-color: #4e4e4e #4e4e4e #4e4e4e; } + &.active > a { - color: #515151; + color: #ec6d12; background-color: #262626; border: 1px solid #6b6a6a; border-bottom-color: transparent; cursor: pointer; + &:hover, &:focus { - color: #515151; + color: #ec6d12; background-color: #262626; border: 1px solid #6b6a6a; border-bottom-color: transparent; @@ -5833,12 +6253,15 @@ a:focus { .nav-pills > li { float: left; + > a { border-radius: 0; } + &.active > a { color: #fff; background-color: #515151; + &:hover, &:focus { color: #fff; background-color: #515151; @@ -5848,6 +6271,7 @@ a:focus { .nav-stacked > li { float: none; + + li { margin-top: 2px; margin-left: 0; @@ -5877,6 +6301,7 @@ a:focus { display: table-cell; width: 1%; } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } @@ -5900,6 +6325,7 @@ a:focus { border-bottom: 1px solid #656565; border-radius: 3px 3px 0 0; } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: transparent; } @@ -5909,6 +6335,7 @@ a:focus { .tab-pane { display: none; } + .active { display: block; } @@ -5931,10 +6358,12 @@ a:focus { position: relative; min-height: 50px; margin-bottom: 0; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; @@ -5953,6 +6382,7 @@ a:focus { content: " "; display: table; } + &:after { content: " "; display: table; @@ -5972,15 +6402,18 @@ a:focus { padding-left: 20px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } + &.in { overflow-y: auto; } @@ -5991,16 +6424,19 @@ a:focus { width: auto; border-top: 0; box-shadow: none; + &.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } + &.in { overflow-y: visible; } } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; @@ -6038,6 +6474,7 @@ a:focus { margin-left: 0; } } + .container-fluid > { .navbar-header, .navbar-collapse { margin-right: 0; @@ -6088,6 +6525,7 @@ a:focus { padding: 15px 20px; font-size: 18px; height: 50px; + &:hover, &:focus { text-decoration: none; } @@ -6112,14 +6550,17 @@ a:focus { background-image: none; border: 1px solid transparent; border-radius: 3px; + &:focus { outline: 0; } + .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; + + .icon-bar { margin-top: 4px; } @@ -6134,6 +6575,7 @@ a:focus { .navbar-nav { margin: 7.5px -20px; + > li > a { padding-top: 10px; padding-bottom: 10px; @@ -6150,11 +6592,14 @@ a:focus { background-color: transparent; border: 0; box-shadow: none; + > li > a, .dropdown-header { padding: 5px 15px 5px 25px; } + > li > a { line-height: 20px; + &:hover, &:focus { background-image: none; } @@ -6166,13 +6611,16 @@ a:focus { .navbar-nav { float: left; margin: 0; + > li { float: left; + > a { padding-top: 15px; padding-bottom: 15px; } } + &.navbar-right:last-child { margin-right: -20px; } @@ -6183,6 +6631,7 @@ a:focus { .navbar-left { float: left !important; } + .navbar-right { float: right !important; } @@ -6216,6 +6665,7 @@ a:focus { padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; + &.navbar-right:last-child { margin-right: -20px; } @@ -6236,6 +6686,7 @@ a:focus { .navbar-btn { margin-top: 8px; margin-bottom: 8px; + &.btn-sm { margin-top: 10px; margin-bottom: 10px; @@ -6262,6 +6713,7 @@ a:focus { float: left; margin-left: 20px; margin-right: 20px; + &.navbar-right:last-child { margin-right: 0; } @@ -6271,67 +6723,85 @@ a:focus { .navbar-default { .navbar-brand { color: #F7F7F7; + &:hover, &:focus { color: #dedede; background-color: transparent; } } + .navbar-text { color: #F7F7F7; } + .navbar-nav > { li > a { color: #F7F7F7; + &:hover, &:focus { color: #515151; background-color: transparent; } } + .active > a { color: #555; background-color: #2b2b2b; + &:hover, &:focus { color: #555; background-color: #2b2b2b; } } + .disabled > a { color: #ccc; background-color: transparent; + &:hover, &:focus { color: #ccc; background-color: transparent; } } } + .navbar-toggle { border-color: #FFF; + &:hover, &:focus { background-color: #555; } + .icon-bar { background-color: #FFF; } } + .navbar-nav > .open > a { background-color: #2b2b2b; color: #555; + &:hover, &:focus { background-color: #2b2b2b; color: #555; } } + .navbar-link { color: #F7F7F7; + &:hover { color: #515151; } } + .btn-link { color: #F7F7F7; + &:hover, &:focus { color: #515151; } + &[disabled] { &:hover, &:focus { color: #ccc; @@ -6344,22 +6814,27 @@ a:focus { .navbar-default .navbar-nav .open .dropdown-menu > { li > a { color: #F7F7F7; + &:hover, &:focus { color: #515151; background-color: transparent; } } + .active > a { color: #555; background-color: #2b2b2b; + &:hover, &:focus { color: #555; background-color: #2b2b2b; } } + .disabled > a { color: #ccc; background-color: transparent; + &:hover, &:focus { color: #ccc; background-color: transparent; @@ -6377,72 +6852,92 @@ fieldset[disabled] .navbar-default .btn-link { .navbar-inverse { background-color: #222; border-color: #090909; + .navbar-brand { color: #777777; + &:hover, &:focus { color: #fff; background-color: transparent; } } + .navbar-text { color: #777777; } + .navbar-nav > { li > a { color: #777777; + &:hover, &:focus { color: #fff; background-color: transparent; } } + .active > a { color: #fff; background-color: #090909; + &:hover, &:focus { color: #fff; background-color: #090909; } } + .disabled > a { color: #3a3a3a; background-color: transparent; + &:hover, &:focus { color: #3a3a3a; background-color: transparent; } } } + .navbar-toggle { border-color: #2d2d2d; + &:hover, &:focus { background-color: #2d2d2d; } + .icon-bar { background-color: #fff; } } + .navbar-collapse, .navbar-form { border-color: #101010; } + .navbar-nav > .open > a { background-color: #090909; color: #fff; + &:hover, &:focus { background-color: #090909; color: #fff; } } + .navbar-link { color: #777777; + &:hover { color: #fff; } } + .btn-link { color: #777777; + &:hover, &:focus { color: #fff; } + &[disabled] { &:hover, &:focus { color: #3a3a3a; @@ -6456,28 +6951,35 @@ fieldset[disabled] .navbar-default .btn-link { > .dropdown-header { border-color: #090909; } + .divider { background-color: #090909; } + > { li > a { color: #777777; + &:hover, &:focus { color: #fff; background-color: transparent; } } + .active > a { color: #fff; background-color: #090909; + &:hover, &:focus { color: #fff; background-color: #090909; } } + .disabled > a { color: #3a3a3a; background-color: transparent; + &:hover, &:focus { color: #3a3a3a; background-color: transparent; @@ -6499,15 +7001,18 @@ fieldset[disabled] .navbar-inverse .btn-link { list-style: none; background-color: #f5f5f5; border-radius: 3px; + > { li { display: inline-block; + + li:before { content: "/ "; padding: 0 5px; color: #ccc; } } + .active { color: #777777; } @@ -6519,9 +7024,11 @@ fieldset[disabled] .navbar-inverse .btn-link { padding-left: 0; margin: 20px 0; border-radius: 3px; + > { li { display: inline; + > { a, span { position: relative; @@ -6536,6 +7043,7 @@ fieldset[disabled] .navbar-inverse .btn-link { cursor: pointer; } } + &:first-child > { a, span { margin-left: 0; @@ -6543,12 +7051,14 @@ fieldset[disabled] .navbar-inverse .btn-link { border-top-left-radius: 3px; } } + &:last-child > { a, span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } } + > { a { &:hover, &:focus { @@ -6557,6 +7067,7 @@ fieldset[disabled] .navbar-inverse .btn-link { border-color: #303030; } } + span { &:hover, &:focus { color: #FFFFFF; @@ -6566,6 +7077,7 @@ fieldset[disabled] .navbar-inverse .btn-link { } } } + .active > { a { z-index: 2; @@ -6573,6 +7085,7 @@ fieldset[disabled] .navbar-inverse .btn-link { background-color: #515151; border-color: #1d1d1d; cursor: default; + &:hover, &:focus { z-index: 2; color: #FFFFFF; @@ -6581,12 +7094,14 @@ fieldset[disabled] .navbar-inverse .btn-link { cursor: default; } } + span { z-index: 2; color: #FFFFFF; background-color: #515151; border-color: #1d1d1d; cursor: default; + &:hover, &:focus { z-index: 2; color: #FFFFFF; @@ -6596,12 +7111,14 @@ fieldset[disabled] .navbar-inverse .btn-link { } } } + .disabled > { span { color: #000; background-color: #eee; border-color: #1d1d1d; cursor: not-allowed; + &:hover, &:focus { color: #000; background-color: #eee; @@ -6609,11 +7126,13 @@ fieldset[disabled] .navbar-inverse .btn-link { cursor: not-allowed; } } + a { color: #000; background-color: #eee; border-color: #1d1d1d; cursor: not-allowed; + &:hover, &:focus { color: #000; background-color: #eee; @@ -6632,12 +7151,14 @@ fieldset[disabled] .navbar-inverse .btn-link { font-size: 18px; } } + &:first-child > { a, span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } } + &:last-child > { a, span { border-bottom-right-radius: 6px; @@ -6653,12 +7174,14 @@ fieldset[disabled] .navbar-inverse .btn-link { font-size: 12px; } } + &:first-child > { a, span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } } + &:last-child > { a, span { border-bottom-right-radius: 3px; @@ -6672,17 +7195,21 @@ fieldset[disabled] .navbar-inverse .btn-link { margin: 20px 0; list-style: none; text-align: center; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } + li { display: inline; + > { a, span { display: inline-block; @@ -6691,6 +7218,7 @@ fieldset[disabled] .navbar-inverse .btn-link { border: 1px solid #ddd; border-radius: 15px; } + a { &:hover, &:focus { text-decoration: none; @@ -6699,27 +7227,32 @@ fieldset[disabled] .navbar-inverse .btn-link { } } } + .next > { a, span { float: right; } } + .previous > { a, span { float: left; } } + .disabled > { a { color: #777777; background-color: #fff; cursor: not-allowed; + &:hover, &:focus { color: #777777; background-color: #fff; cursor: not-allowed; } } + span { color: #777777; background-color: #fff; @@ -6739,6 +7272,7 @@ fieldset[disabled] .navbar-inverse .btn-link { white-space: nowrap; vertical-align: baseline; border-radius: .25em; + &:empty { display: none; } @@ -6759,6 +7293,7 @@ a.label { .label-default { background-color: #777777; + &[href] { &:hover, &:focus { background-color: #5e5e5e; @@ -6769,6 +7304,7 @@ a.label { .label-primary { background-color: #515151; + &[href] { &:hover, &:focus { background-color: #b85904; @@ -6779,6 +7315,7 @@ a.label { .label-success { background-color: #46A50C; border-color: #323232; + &[href] { &:hover, &:focus { background-color: #7fc54f; @@ -6789,6 +7326,7 @@ a.label { .label-info { background-color: #B0CDDB; + &[href] { &:hover, &:focus { background-color: #8db7cb; @@ -6799,6 +7337,7 @@ a.label { .label-warning { background-color: #f0ad4e; + &[href] { &:hover, &:focus { background-color: #ec971f; @@ -6809,6 +7348,7 @@ a.label { .label-danger { background-color: #CE2804; + &[href] { &:hover, &:focus { background-color: #ec2121; @@ -6830,6 +7370,7 @@ a.label { text-align: center; background-color: #777777; border-radius: 10px; + &:empty { display: none; } @@ -6855,6 +7396,7 @@ a.list-group-item.active > .badge { color: #515151; background-color: #fff; } + li > a > .badge { margin-left: 3px; } @@ -6873,14 +7415,17 @@ a.badge { margin-bottom: 30px; color: inherit; background-color: #eeeeee; + h1, .h1 { color: inherit; } + p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } + > hr { border-top-color: #d5d5d5; } @@ -6899,10 +7444,12 @@ a.badge { padding-top: 48px; padding-bottom: 48px; } + .container .jumbotron { padding-left: 60px; padding-right: 60px; } + .jumbotron { h1, .h1 { font-size: 63px; @@ -6921,6 +7468,7 @@ a.badge { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; + > img, a > img { display: block; width: 100% \9; @@ -6929,6 +7477,7 @@ a.badge { margin-left: auto; margin-right: auto; } + .caption { padding: 9px; color: #3C3C3B; @@ -6946,17 +7495,21 @@ a.thumbnail { margin-bottom: 20px; border: 1px solid transparent; border-radius: 3px; + h4 { margin-top: 0; color: inherit; } + .alert-link { font-weight: bold; } + > { p, ul { margin-bottom: 0; } + p + p { margin-top: 5px; } @@ -6978,9 +7531,11 @@ a.thumbnail { background-color: #424242; border-color: #515151; color: #ffffff; + hr { border-top-color: #8dcc62; } + .alert-link { color: #72bd3e; } @@ -6992,9 +7547,11 @@ a.thumbnail { color: #ffffff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + hr { border-top-color: #B13116; } + .alert-link { color: #B13116; } @@ -7004,9 +7561,11 @@ a.thumbnail { background-color: #202020; border-color: #b13116; color: #FFF; + hr { border-top-color: #f7e1b5; } + .alert-link { color: #df8a13; } @@ -7016,9 +7575,11 @@ a.thumbnail { background-color: #202020; border-color: #B13116; color: #FFFFFF !important; + hr { border-top-color: #B13116; } + .alert-link { color: #B13116; } @@ -7034,7 +7595,6 @@ a.thumbnail { } } - @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -7045,7 +7605,6 @@ a.thumbnail { } } - .progress { overflow: hidden; height: 20px; @@ -7064,7 +7623,7 @@ a.thumbnail { line-height: 20px; color: #fff; text-align: center; - background-color: #515151; + background-color: #ec6d12; position: relative; z-index: 2; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); @@ -7093,9 +7652,11 @@ a.thumbnail { -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } + &[aria-valuenow="1"], &[aria-valuenow="2"] { min-width: 30px; } + &[aria-valuenow="0"] { color: #777777; min-width: 30px; @@ -7153,9 +7714,11 @@ a.thumbnail { .media { margin-top: 15px; + .media { margin-top: 15px; } + &:first-child { margin-top: 0; } @@ -7173,6 +7736,7 @@ a.thumbnail { .pull-left { margin-right: 10px; } + .pull-right { margin-left: 10px; } @@ -7194,11 +7758,14 @@ a.thumbnail { padding: 6px 8px; margin-bottom: -1px; background-color: #3a3a3a; + &:last-child { margin-bottom: 0; } + > .badge { float: right; + + .badge { margin-right: 5px; } @@ -7209,14 +7776,17 @@ a.list-group-item { color: #FFFFFF; border-radius: 0; outline: 0; + .list-group-item-heading { color: #2d2d2d; } + &:hover, &:focus { text-decoration: none; - color: #515151; + color: #ec6d12; background-color: #262626; } + &:hover:before, &:focus:before { background: #FFFFFF; content: ""; @@ -7232,24 +7802,30 @@ a.list-group-item { &.disabled { background-color: #eeeeee; color: #777777; + &:hover, &:focus { background-color: #eeeeee; color: #777777; } + .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading { color: inherit; } + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { color: #777777; } } + &.active { z-index: 2; + &:hover, &:focus { z-index: 2; } + &:before, &:hover:before, &:focus:before { - background: #515151; + background: #ec6d12; content: ""; height: 42px; left: 0; @@ -7257,33 +7833,41 @@ a.list-group-item { top: 0px; width: 3px; } + .list-group-item-heading { color: inherit; + > { small, .small { color: inherit; } } } + &:hover .list-group-item-heading { color: inherit; + > { small, .small { color: inherit; } } } + &:focus .list-group-item-heading { color: inherit; + > { small, .small { color: inherit; } } } + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { color: #fedcbd; } + + .collapse > .list-group-item:before, &:hover + .collapse > .list-group-item:before, &:focus + .collapse > .list-group-item:before { background: #515151; content: ""; @@ -7303,17 +7887,21 @@ a.list-group-item { a.list-group-item-success { color: #46A50C; + .list-group-item-heading { color: inherit; } + &:hover, &:focus { color: #46A50C; background-color: #8dcc62; } + &.active { color: #fff; background-color: #46A50C; border-color: #46A50C; + &:hover, &:focus { color: #fff; background-color: #46A50C; @@ -7329,17 +7917,21 @@ a.list-group-item-success { a.list-group-item-info { color: #31708f; + .list-group-item-heading { color: inherit; } + &:hover, &:focus { color: #31708f; background-color: #c4e3f3; } + &.active { color: #fff; background-color: #31708f; border-color: #31708f; + &:hover, &:focus { color: #fff; background-color: #31708f; @@ -7355,17 +7947,21 @@ a.list-group-item-info { a.list-group-item-warning { color: #f0ad4e; + .list-group-item-heading { color: inherit; } + &:hover, &:focus { color: #f0ad4e; background-color: #faf2cc; } + &.active { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; + &:hover, &:focus { color: #fff; background-color: #f0ad4e; @@ -7381,17 +7977,21 @@ a.list-group-item-warning { a.list-group-item-danger { color: #DB4829; + .list-group-item-heading { color: inherit; } + &:hover, &:focus { color: #DB4829; background-color: #ee3939; } + &.active { color: #fff; background-color: #DB4829; border-color: #DB4829; + &:hover, &:focus { color: #fff; background-color: #DB4829; @@ -7418,10 +8018,12 @@ a.list-group-item-danger { .panel-body { padding: 15px; background-color: #202020; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; @@ -7435,6 +8037,7 @@ a.list-group-item-danger { border-top-right-radius: 2px; border-top-left-radius: 2px; background-color: #2D2D2D !important; + > .dropdown .dropdown-toggle { color: inherit; } @@ -7445,6 +8048,7 @@ a.list-group-item-danger { margin-bottom: 0; font-size: 16px; color: inherit; + > a { color: inherit; } @@ -7460,13 +8064,16 @@ a.list-group-item-danger { .panel > .list-group { margin-bottom: 0; + .list-group-item { border-width: 1px 0; border-radius: 0; } + &:first-child .list-group-item:first-child { border-top: 0; } + &:last-child .list-group-item:last-child { border-bottom: 0; } @@ -7480,227 +8087,267 @@ a.list-group-item-danger { .table, .table-responsive > .table, .panel-collapse > .table { margin-bottom: 0; } + .table:first-child, .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } + .table:first-child > { thead:first-child > tr:first-child { td:first-child, th:first-child { border-top-left-radius: 2px; } } + tbody:first-child > tr:first-child { td:first-child, th:first-child { border-top-left-radius: 2px; } } } + .table-responsive:first-child > .table:first-child > { thead:first-child > tr:first-child { td:first-child, th:first-child { border-top-left-radius: 2px; } } + tbody:first-child > tr:first-child { td:first-child, th:first-child { border-top-left-radius: 2px; } } } + .table:first-child > { thead:first-child > tr:first-child { td:last-child, th:last-child { border-top-right-radius: 2px; } } + tbody:first-child > tr:first-child { td:last-child, th:last-child { border-top-right-radius: 2px; } } } + .table-responsive:first-child > .table:first-child > { thead:first-child > tr:first-child { td:last-child, th:last-child { border-top-right-radius: 2px; } } + tbody:first-child > tr:first-child { td:last-child, th:last-child { border-top-right-radius: 2px; } } } + .table:last-child, .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } + .table:last-child > { tbody:last-child > tr:last-child { td:first-child, th:first-child { border-bottom-left-radius: 2px; } } + tfoot:last-child > tr:last-child { td:first-child, th:first-child { border-bottom-left-radius: 2px; } } } + .table-responsive:last-child > .table:last-child > { tbody:last-child > tr:last-child { td:first-child, th:first-child { border-bottom-left-radius: 2px; } } + tfoot:last-child > tr:last-child { td:first-child, th:first-child { border-bottom-left-radius: 2px; } } } + .table:last-child > { tbody:last-child > tr:last-child { td:last-child, th:last-child { border-bottom-right-radius: 2px; } } + tfoot:last-child > tr:last-child { td:last-child, th:last-child { border-bottom-right-radius: 2px; } } } + .table-responsive:last-child > .table:last-child > { tbody:last-child > tr:last-child { td:last-child, th:last-child { border-bottom-right-radius: 2px; } } + tfoot:last-child > tr:last-child { td:last-child, th:last-child { border-bottom-right-radius: 2px; } } } + .panel-body + { .table, .table-responsive { border-top: 1px solid #eee; } } + .table > tbody:first-child > tr:first-child { th, td { border-top: 0; } } + .table-bordered, .table-responsive > .table-bordered { border: 0; } + .table-bordered > { thead > tr > { th:first-child, td:first-child { border-left: 0; } } + tbody > tr > { th:first-child, td:first-child { border-left: 0; } } + tfoot > tr > { th:first-child, td:first-child { border-left: 0; } } } + .table-responsive > .table-bordered > { thead > tr > { th:first-child, td:first-child { border-left: 0; } } + tbody > tr > { th:first-child, td:first-child { border-left: 0; } } + tfoot > tr > { th:first-child, td:first-child { border-left: 0; } } } + .table-bordered > { thead > tr > { th:last-child, td:last-child { border-right: 0; } } + tbody > tr > { th:last-child, td:last-child { border-right: 0; } } + tfoot > tr > { th:last-child, td:last-child { border-right: 0; } } } + .table-responsive > .table-bordered > { thead > tr > { th:last-child, td:last-child { border-right: 0; } } + tbody > tr > { th:last-child, td:last-child { border-right: 0; } } + tfoot > tr > { th:last-child, td:last-child { border-right: 0; } } } + .table-bordered > { thead > tr:first-child > { td, th { border-bottom: 0; } } + tbody > tr:first-child > { td, th { border-bottom: 0; } } } + .table-responsive > .table-bordered > { thead > tr:first-child > { td, th { border-bottom: 0; } } + tbody > tr:first-child > { td, th { border-bottom: 0; } } } + .table-bordered > { tbody > tr:last-child > { td, th { border-bottom: 0; } } + tfoot > tr:last-child > { td, th { border-bottom: 0; } } } + .table-responsive { > .table-bordered > { tbody > tr:last-child > { @@ -7708,12 +8355,14 @@ a.list-group-item-danger { border-bottom: 0; } } + tfoot > tr:last-child > { td, th { border-bottom: 0; } } } + border: 0; margin-bottom: 0; } @@ -7721,21 +8370,27 @@ a.list-group-item-danger { .panel-group { margin-bottom: 20px; + .panel { margin-bottom: 0; border-radius: 3px; + + .panel { margin-top: 5px; } } + .panel-heading { border-bottom: 0; + + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } } + .panel-footer { border-top: 0; + + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } @@ -7745,18 +8400,22 @@ a.list-group-item-danger { .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-heading { color: #fff; border-color: #515151; + + .panel-collapse > .panel-body { border-top-color: #515151; } + .badge { color: #f5f5f5; background-color: #2d2d2d333; } } + .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #515151; } @@ -7766,17 +8425,21 @@ a.list-group-item-danger { .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); + > { .panel-heading { color: #fff; + + .panel-collapse > .panel-body { border-top-color: #515151; } + .badge { color: #515151; background-color: #fff; } } + .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #515151; } @@ -7785,19 +8448,23 @@ a.list-group-item-danger { .panel-success { border-color: #46A50C; + > { .panel-heading { color: #46A50C; background-color: #46A50C; border-color: #46A50C; + + .panel-collapse > .panel-body { border-top-color: #46A50C; } + .badge { color: #46A50C; background-color: #46A50C; } } + .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #46A50C; } @@ -7806,19 +8473,23 @@ a.list-group-item-danger { .panel-info { border-color: #515151; + > { .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #515151; + + .panel-collapse > .panel-body { border-top-color: #bce8f1; } + .badge { color: #d9edf7; background-color: #31708f; } } + .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } @@ -7827,19 +8498,23 @@ a.list-group-item-danger { .panel-warning { border-color: #faebcc; + > { .panel-heading { color: #f0ad4e; background-color: #fcf8e3; border-color: #faebcc; + + .panel-collapse > .panel-body { border-top-color: #faebcc; } + .badge { color: #fcf8e3; background-color: #f0ad4e; } } + .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } @@ -7848,19 +8523,23 @@ a.list-group-item-danger { .panel-danger { border-color: #DB4829; + > { .panel-heading { color: #DB4829; background-color: #DB4829; border-color: #DB4829; + + .panel-collapse > .panel-body { border-top-color: #DB4829; } + .badge { color: #DB4829; background-color: #DB4829; } } + .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #DB4829; } @@ -7873,6 +8552,7 @@ a.list-group-item-danger { height: 0; padding: 0; overflow: hidden; + .embed-responsive-item, iframe, embed, object { position: absolute; top: 0; @@ -7882,9 +8562,11 @@ a.list-group-item-danger { width: 100%; border: 0; } + &.embed-responsive-16by9 { padding-bottom: 56.25%; } + &.embed-responsive-4by3 { padding-bottom: 75%; } @@ -7897,6 +8579,7 @@ a.list-group-item-danger { background-color: none; border: none; border-radius: none; + blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); @@ -7922,6 +8605,7 @@ a.list-group-item-danger { text-shadow: 0 1px 0 #000; opacity: 1; filter: alpha(opacity = 100); + &:hover, &:focus { color: #000; text-decoration: none; @@ -7954,6 +8638,7 @@ button.close { z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; + &.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); @@ -7962,6 +8647,7 @@ button.close { -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } + &.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); @@ -7999,10 +8685,12 @@ button.close { left: 0; z-index: 1040; background-color: #000; + &.fade { opacity: 0; filter: alpha(opacity = 0); } + &.in { opacity: 0.5; filter: alpha(opacity = 50); @@ -8017,6 +8705,7 @@ button.close { border-bottom: 1px solid #4a4a4a; min-height: 16.42857px; background-color: #c35d12; + .close { margin-top: -2px; } @@ -8031,6 +8720,7 @@ button.close { position: relative; padding: 5px; background-color: inherit; + .table-hover > tbody > tr:hover > { td, th { background-color: #262626; @@ -8044,22 +8734,27 @@ button.close { text-align: right; background-color: #383838; border-top: 1px solid inherit; + &:before { content: " "; display: table; } + &:after { content: " "; display: table; clear: both; } + .btn + .btn { margin-left: 5px; margin-bottom: 0; } + .btn-group .btn + .btn { margin-left: -1px; } + .btn-block + .btn-block { margin-left: 0; } @@ -8078,10 +8773,12 @@ button.close { width: 600px; margin: 82px auto 30px auto; } + .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } + .modal-sm { width: 300px; } @@ -8102,22 +8799,27 @@ button.close { line-height: 1.4; opacity: 0; filter: alpha(opacity = 0); + &.in { opacity: 0.9; filter: alpha(opacity = 90); } + &.top { margin-top: -3px; padding: 5px 0; } + &.right { margin-left: 3px; padding: 0 5px; } + &.bottom { margin-top: 3px; padding: 5px 0; } + &.left { margin-left: -3px; padding: 0 5px; @@ -8150,18 +8852,21 @@ button.close { border-width: 5px 5px 0; border-top-color: #000; } + &.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } + &.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } + &.right .tooltip-arrow { top: 50%; left: 0; @@ -8169,6 +8874,7 @@ button.close { border-width: 5px 5px 5px 0; border-right-color: #000; } + &.left .tooltip-arrow { top: 50%; right: 0; @@ -8176,6 +8882,7 @@ button.close { border-width: 5px 0 5px 5px; border-left-color: #000; } + &.bottom .tooltip-arrow { top: 0; left: 50%; @@ -8183,12 +8890,14 @@ button.close { border-width: 0 5px 5px; border-bottom-color: #000; } + &.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } + &.bottom-right .tooltip-arrow { top: 0; right: 5px; @@ -8214,15 +8923,19 @@ button.close { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); white-space: normal; + &.top { margin-top: -10px; } + &.right { margin-left: 10px; } + &.bottom { margin-top: 10px; } + &.left { margin-left: -10px; } @@ -8251,6 +8964,7 @@ button.close { height: 0; border-color: transparent; border-style: solid; + &:after { position: absolute; display: block; @@ -8261,8 +8975,10 @@ button.close { border-width: 10px; content: ""; } + border-width: 11px; } + &.top > .arrow { left: 50%; margin-left: -11px; @@ -8270,6 +8986,7 @@ button.close { border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; + &:after { content: " "; bottom: 1px; @@ -8278,6 +8995,7 @@ button.close { border-top-color: #fff; } } + &.right > .arrow { top: 50%; left: -11px; @@ -8285,6 +9003,7 @@ button.close { border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); + &:after { content: " "; left: 1px; @@ -8293,6 +9012,7 @@ button.close { border-right-color: #fff; } } + &.bottom > .arrow { left: 50%; margin-left: -11px; @@ -8300,6 +9020,7 @@ button.close { border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; + &:after { content: " "; top: 1px; @@ -8308,6 +9029,7 @@ button.close { border-bottom-color: #fff; } } + &.left > .arrow { top: 50%; right: -11px; @@ -8315,6 +9037,7 @@ button.close { border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); + &:after { content: " "; right: 1px; @@ -8333,6 +9056,7 @@ button.close { position: relative; overflow: hidden; width: 100%; + > { .item { display: none; @@ -8340,6 +9064,7 @@ button.close { -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; + > { img, a > img { display: block; @@ -8350,30 +9075,38 @@ button.close { } } } + .active, .next, .prev { display: block; } + .active { left: 0; } + .next, .prev { position: absolute; top: 0; width: 100%; } + .next { left: 100%; } + .prev { left: -100%; } + .next.left, .prev.right { left: 0; } + .active { &.left { left: -100%; } + &.right { left: 100%; } @@ -8393,6 +9126,7 @@ button.close { color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + &.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); @@ -8400,6 +9134,7 @@ button.close { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + &.right { left: auto; right: 0; @@ -8409,6 +9144,7 @@ button.close { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + &:hover, &:focus { outline: 0; color: #fff; @@ -8416,29 +9152,35 @@ button.close { opacity: 0.9; filter: alpha(opacity = 90); } + .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } + .icon-prev, .glyphicon-chevron-left { left: 50%; margin-left: -10px; } + .icon-next, .glyphicon-chevron-right { right: 50%; margin-right: -10px; } + .icon-prev, .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } + .icon-prev:before { content: '\2039'; } + .icon-next:before { content: '\203a'; } @@ -8454,6 +9196,7 @@ button.close { padding-left: 0; list-style: none; text-align: center; + li { display: inline-block; width: 10px; @@ -8466,6 +9209,7 @@ button.close { background-color: #000 \9; background-color: transparent; } + .active { margin: 0; width: 12px; @@ -8485,6 +9229,7 @@ button.close { color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + .btn { text-shadow: none; } @@ -8498,18 +9243,22 @@ button.close { margin-top: -15px; font-size: 30px; } + .glyphicon-chevron-left, .icon-prev { margin-left: -15px; } + .glyphicon-chevron-right, .icon-next { margin-right: -15px; } } + .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } + .carousel-indicators { bottom: 20px; } @@ -8574,7 +9323,6 @@ button.close { width: device-width; } - .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block { display: none !important; } @@ -8583,12 +9331,15 @@ button.close { .visible-xs { display: block !important; } + table.visible-xs { display: table; } + tr.visible-xs { display: table-row !important; } + th.visible-xs, td.visible-xs { display: table-cell !important; } @@ -8616,12 +9367,15 @@ button.close { .visible-sm { display: block !important; } + table.visible-sm { display: table; } + tr.visible-sm { display: table-row !important; } + th.visible-sm, td.visible-sm { display: table-cell !important; } @@ -8649,12 +9403,15 @@ button.close { .visible-md { display: block !important; } + table.visible-md { display: table; } + tr.visible-md { display: table-row !important; } + th.visible-md, td.visible-md { display: table-cell !important; } @@ -8682,12 +9439,15 @@ button.close { .visible-lg { display: block !important; } + table.visible-lg { display: table; } + tr.visible-lg { display: table-row !important; } + th.visible-lg, td.visible-lg { display: table-cell !important; } @@ -8747,12 +9507,15 @@ button.close { .visible-print { display: block !important; } + table.visible-print { display: table; } + tr.visible-print { display: table-row !important; } + th.visible-print, td.visible-print { display: table-cell !important; } @@ -8824,6 +9587,7 @@ body { padding-top: 52px; position: relative; z-index: 1; + > .row { height: 100%; } @@ -8842,6 +9606,7 @@ body { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); } + padding-bottom: 10px; padding-top: 17px; } @@ -8901,6 +9666,7 @@ body { border: 1px solid #515151; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + hr { border: none; } @@ -8914,9 +9680,11 @@ body { .tab-content { padding: 0px 0px; margin: 0px 0px; + > .tab-content { padding: 0 15px; } + .tab-content:last-child { margin-bottom: 0; } @@ -8966,9 +9734,11 @@ body { .page-login { background-color: #202020; + .container { min-height: 100%; margin-bottom: -60px; + &:after { height: 60px; } @@ -8998,9 +9768,11 @@ body { border-top: 1px solid #E5E5E5; height: 60px; padding: 20px 20px 0 20px; + a { color: #7D7D7D; text-decoration: none; + &:hover { color: #646464; text-decoration: underline; @@ -9032,6 +9804,7 @@ body { .list-group-item { border-left: none; border-right: none; + &.collapsed .caret { border-bottom: 4px solid green; border-top: 0; @@ -9050,9 +9823,11 @@ main.page-content.col-lg-12 { width: 70px; background-color: transparent !important; overflow: hidden; + > div { &.row { height: 100% !important; + > nav.page-side-nav { width: 70px; background-color: #202020 !important; @@ -9060,21 +9835,25 @@ main.page-content.col-lg-12 { border-right: 1px solid #171717; } } + > nav > #mainmenu > div > { a.list-group-item { font-size: 14px; text-align: center; + > span { &.fa, &.glyphicon { visibility: visible; font-size: 20px; } + &.__iconspacer { width: 50px; height: 25px; padding: 0px; } } + width: 70px; height: 70px; padding-left: 0px; @@ -9082,6 +9861,7 @@ main.page-content.col-lg-12 { padding-top: 15px; border-bottom: 2px solid #262626; } + div { &.collapsing > a.list-group-item { padding-left: 10px !important; @@ -9090,6 +9870,7 @@ main.page-content.col-lg-12 { position: absolute !important; left: 70px !important; } + &.collapse.in > div.collapsing > a.list-group-item { padding-left: 10px !important; font-size: 14px !important; @@ -9098,6 +9879,7 @@ main.page-content.col-lg-12 { left: 166px !important; } } + a.list-group-item.active-menu-title { color: #FFF !important; background-color: #262626 !important; @@ -9116,6 +9898,7 @@ a.list-group-item.active-menu-title.collapsed { color: #ec6d12 !important; background-color: #262626 !important; } + div { &.collapse { &.in { @@ -9123,38 +9906,45 @@ a.list-group-item.active-menu-title.collapsed { color: #ec6d12 !important; background-color: #262626 !important; } + > div.collapse.in > a.list-group-item { padding-left: 10px !important; font-size: 14px !important; background-color: #333 !important; opacity: 0.98; + &.menu-level-3-item.active { color: #ec6d12 !important; background-color: #262626 !important; } } } + > a.list-group-item { padding-left: 10px !important; font-size: 14px !important; background-color: #333 !important; opacity: 0.98; } + > div.collapse > a.list-group-item { padding-left: 10px !important; font-size: 14px !important; } } + &.collapsed > a.list-group-item { padding-left: 10px !important; font-size: 14px !important; } + &.collapse { > { a.list-group-item, div.collapse > a.list-group-item { padding: 3px 8px !important; } } + &.in > div.collapse.in > a.list-group-item:hover { text-decoration: none !important; color: #ec6d12 !important; @@ -9189,10 +9979,12 @@ a.list-group-item:focus { background-color: #262626 !important; } } + &.active-menu.collapse.in > a.list-group-item.active { color: #ec6d12 !important; background-color: #262626 !important; } + &.collapse.in { width: 168px; font-size: 14px; @@ -9205,6 +9997,7 @@ a.list-group-item:focus { -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + > div.collapse.in { width: 168px; font-size: 14px; @@ -9218,6 +10011,7 @@ a.list-group-item:focus { box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); } } + &.collapsing, &.collapse.in > div.collapsing { display: none; } @@ -9256,33 +10050,39 @@ button.toggle-sidebar { border-radius: 0px; border-top-right-radius: 10px; margin-right: 2px; + > a { border-radius: 0px; border-top-right-radius: 10px; margin-right: 0px; outline: 0; + &:hover, &:focus { outline: 0; } } + &.active > a { background: #262626 !important; outline: 0; border-right: 1px solid #565656; border-top: 1px solid #565656; border-left: 1px solid #565656; + &:hover, &:focus { border-right: 1px solid #565656; border-top: 1px solid #565656; border-left: 1px solid #565656; } } + > a.visible-lg-inline-block { &:not(.pull-right) { border-top-right-radius: 0px !important; padding-left: 10px !important; padding-right: 5px !important; } + &.pull-right { border-left: 0px !important; padding-left: 5px !important; @@ -9290,14 +10090,17 @@ button.toggle-sidebar { } } } + &.nav-justified { border-right: 1px solid #656565; + > li { border-bottom: 1px solid #656565; border-top: 1px solid #656565; border-left: 1px solid #656565; border-radius: 0px; background: #818180; + > a { color: #FFFFFF; font-family: 'SourceSansProSemibold'; @@ -9393,16 +10196,19 @@ button.toggle-sidebar { .list-group-item { overflow: hidden; text-overflow: ellipsis; + + div { &.collapse { margin-bottom: -1px; } + > a { padding-left: 44px; } } + &:before { - background: #515151; + background: #ec6d12; content: ""; height: 42px; min-height: 100%; @@ -9432,17 +10238,18 @@ button.toggle-sidebar { } .active-menu-title.active { - background-color: #292929; - color: #515151; + background-color: #262626; + color: #ec6d12; } .active-menu a { &.active { - background-color: #292929; - color: #515151; + background-color: #262626; + color: #ec6d12; } + &:before { - background: #515151; + background: #ec6d12; } } @@ -9499,6 +10306,7 @@ button.toggle-sidebar { background: #424242; border: thin solid #333; border-radius: 0px; + &:hover { background: #515151; } @@ -9533,17 +10341,20 @@ select { @media screen and (max-width: 767px) { .table-responsive { margin-bottom: 0; + > .table > { thead > tr > { th, td { white-space: normal; } } + tbody > tr > { th, td { white-space: normal; } } + tfoot > tr > { th, td { white-space: normal; @@ -9564,13 +10375,16 @@ label > input { label[for^="act"] { margin-right: 1.5em; } + table > tbody > tr > td { vertical-align: middle; } + select { &#filterlogentries, &#filterlogentriesupdateinterval { width: 5em; } + &#filterlogentriesinterfaces { min-width: 100%; max-width: 100%; @@ -9596,9 +10410,11 @@ label > input { #ipsec-mobile, #ipsec-tunnel, #ipsec-overview { background-color: #333 !important; } + .ipsec-tab { background-color: #3a3a3a !important; color: #928873 !important; + &.activetab { background-color: #262626 !important; color: #ec6d12 !important; @@ -9633,6 +10449,7 @@ textarea#update_status { -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; + &:hover { color: inherit !important; background-color: #3a3a3a; @@ -9691,12 +10508,14 @@ h3 { color: #FFFFFF; text-decoration: none; } + &:link { color: #FFFFFF; text-decoration: underline; } + &:hover, &:focus { - color: #515151; + color: #ec6d12; text-decoration: underline; } } @@ -9711,8 +10530,8 @@ h3 { .bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon { top: 0; - background-color: #515151; - border: 1px solid #515151; + background-color: #ec6d12; + border: 1px solid #ec6d12; } .btn-group.bootstrap-select { @@ -9733,21 +10552,27 @@ h3 { &.fa-exclamation.fa-fw.text-muted, &.fa-arrows-h.fa-fw.text-muted { color: #eac80a !important; } + &.fa-long-arrow-left { color: #eac80a !important; + &::before { color: #eac80a !important; } } + &.fa-info-circle.text-muted { color: #eac80a !important; } + &.fa-times-circle.text-muted, &.fa-times.text-muted { color: #eac80a !important; + &::before { color: #eac80a !important; } } + &.fa-play.text-muted::before { color: #eac80a !important; } @@ -9783,14 +10608,17 @@ input[type="checkbox"] { &.checkbox-switch + i::before, &.checkbox-icon + i::before { color: #DB4829 !important; } + &.checkbox-switch { + i::before { color: #DB4829 !important; } + &:checked + i::before { color: #46A50C !important; } } + &.checkbox-icon:checked + i::before, &.checkbox-icon-2:checked + i::before { color: #46A50C !important; } @@ -9810,26 +10638,32 @@ input[type="checkbox"] { th.disabled { background: none; color: #000 !important; + &:hover { background: none; color: #000 !important; } } + thead tr:first-child th:hover { background: #000 !important; } + td { &.day:hover, &.hour:hover, &.minute:hover, &.second:hover { background: #000 !important; } + &.active { background-color: #c35d12 !important; color: #ffffff !important; + &:hover { background-color: #c35d12 !important; color: #ffffff !important; } } + span:hover { background: none !important; } @@ -9846,6 +10680,7 @@ input[type="checkbox"] { min-height: 16.42857px; background-color: #c35d12; } + margin: 62px 10px 10px 10px; background-color: #3a3a3a !important; } @@ -9862,3 +10697,13 @@ input[type="checkbox"] { .chip { background-color: #202020 !important; } + +h2 { + &.text-center, &.text-primary { + color: #fff !important; + } +} + +label:hover { + background-color: #ec6d12; +} diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css index 90108b800..f6d9b0ce4 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css @@ -66,7 +66,7 @@ template { display: none; } a { - color: #515151; + color: #ec6d12; text-decoration: none; background: transparent; outline: 0; } @@ -75,7 +75,7 @@ a { outline: 0; } a:hover, a:focus { - color: #515151; + color: #ec6d12; text-decoration: underline; } abbr[title] { @@ -1119,7 +1119,7 @@ mark, color: inherit; } .text-primary { - color: #515151; } + color: #aeaeae; } a.text-primary:hover { color: #b85904; } @@ -2339,7 +2339,7 @@ input[type="color"] { color: #FFF; background-color: #262626; - border-color: #515151; + border-color: #ec6d12; outline: 0; } select:focus, @@ -2358,10 +2358,9 @@ input[type="color"] input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus - - { - color: #FFF; - border-color: #515151; + { + color: #FFF; + border-color: #ec6d12; background-color: #232323; outline: 0; } @@ -2913,7 +2912,7 @@ select[multiple].input-lg, color: #ffffff; } .btn:active, .btn.active { - color: #515151; + color: #ec6d12; background-color: #2d2d2d; outline:0; border-color: #5a5a5a; @@ -2922,7 +2921,7 @@ select[multiple].input-lg, background-color: #292929; color: #FFF; text-decoration: none; - border:1px solid #515151; } + border:1px solid #ec6d12; } .btn:active, .btn.active, .open > .btn.dropdown-toggle { background-image: none; @@ -3212,13 +3211,13 @@ tbody.collapse.in { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #FFFFFF; - background-color: #515151; } + background-color: #ec6d12; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; - background-color: #515151; } + background-color: #ec6d12; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } @@ -3358,7 +3357,7 @@ tbody.collapse.in { outline: 0; color: #FFFFFF; background-color: #262626; - border-color: #515151; + border-color: #ec6d12; -webkit-box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6); } @@ -3568,7 +3567,7 @@ tbody.collapse.in { display: block; padding: 10px 15px; background-color: #3a3a3a; - color:#929292; + color:#fff; border-left: 1px solid #565656; border-right: 1px solid #565656; border-top: 1px solid #565656; @@ -3577,13 +3576,13 @@ tbody.collapse.in { position: relative; display: block; padding: none; - color:#515151; + color:#ec6d12; background-color:transparent; border:none; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #2d2d2d; - color:#515151; + color:#ec6d12; } .nav > li#menu_messages > a:hover, a:focus { text-decoration: underline; } @@ -3636,7 +3635,7 @@ tbody.collapse.in { border-color: #4e4e4e #4e4e4e #4e4e4e; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { - color: #515151; + color: #ec6d12; background-color: #262626; border: 1px solid #6b6a6a; border-bottom-color: transparent; @@ -4223,8 +4222,8 @@ tbody.collapse.in { a.label:hover, a.label:focus { color: #fff; text-decoration: none; - cursor: pointer; } - + cursor: pointer; +} .label-default { background-color: #777777; } @@ -4451,7 +4450,7 @@ a.thumbnail.active { line-height: 20px; color: #fff; text-align: center; - background-color: #515151; + background-color: #ec6d12; position: relative; z-index: 2; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); @@ -4564,7 +4563,7 @@ a.list-group-item { color: #2d2d2d; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; - color: #515151; + color: #ec6d12; background-color: #262626; } a.list-group-item:hover:before, a.list-group-item:focus:before { @@ -4589,7 +4588,7 @@ a.list-group-item { .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; } .list-group-item.active:before, .list-group-item.active:hover:before, .list-group-item.active:focus:before { - background: #515151; + background: #ec6d12; content: ""; height: 42px; left: 0; @@ -6180,7 +6179,7 @@ padding-right: 15px; } .list-group-item + div > a { padding-left: 44px; } .list-group-item:before { - background: #515151; + background: #ec6d12; content: ""; height: 42px; min-height: 100%; @@ -6203,11 +6202,11 @@ padding-right: 15px; } .active-menu-title:before, .active-menu a:before { width: 3px; } .active-menu-title.active, .active-menu a.active { - background-color: #292929; - color: #515151; } + background-color: #262626; + color: #ec6d12; } .active-menu a:before { - background: #515151; } + background: #ec6d12; } .alert.alert-danger { color: #FFF !important; } @@ -6413,7 +6412,7 @@ h3:link { } h3:hover, h3:focus { - color: #515151; + color: #ec6d12; text-decoration: underline; } @@ -6433,8 +6432,8 @@ h3:hover, h3:focus { .bootgrid-footer .search .glyphicon, .input-group-addon { top: 0; - background-color: #515151; - border: 1px solid #515151; + background-color: #ec6d12; + border: 1px solid #ec6d12; } .btn-group.bootstrap-select.open, .btn-group.bootstrap-select:hover { @@ -6537,3 +6536,9 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox .chip { background-color: #202020 !important; } +h2.text-center ,h2.text-primary { + color:#fff !important; +} +label:hover { +background-color: #ec6d12; +}