Start line:  
End line:  

Snippet Preview

Snippet HTML Code

Stack Overflow Questions
/* fonts */

@import url("../fonts/Open-Sans/stylesheet.css");
@import url("../fonts/Droid-Sans-Mono/stylesheet.css");

* {
  font-family: OpenSans;
}

body {
  font-family: OpenSans;
}

#log-panel-statements li {
  font-family: DroidSansMonoRegular;
}

#log-panel-statements li pre span {
  font-family: DroidSansMonoRegular;
}

div.log-stack-trace {
  font-family: DroidSansMonoRegular;
}

div.log-stack-trace p {
  font-family: DroidSansMonoRegular;
}

.log-stack-trace > dd > ul > li > .stack-line * {
  font-family: DroidSansMonoRegular;
}

pre.stack-line {
  font-family: DroidSansMonoRegular;
  font-size: 12px;
}

div.stack-line {
  font-family: DroidSansMonoRegular;
  font-size: 12px;
}

.log-table *:not('.icon*') {
  font-family: DroidSansMonoRegular;
}

.log-table > li > div > div {
  font-family: DroidSansMonoRegular;
}

fs-donut svg g text.units {
  font-family: DroidSansMonoRegular;
}

/* colors */

.navbar .brand {
  color: #eee;
  text-shadow: none;
}

.nav-tabs > li {
  margin-bottom: 1px;
}

.navbar .nav > li > a,
div#main div ul.nav li a {
  color: #aaaaaa;
  text-shadow: none;
}

.navbar-inner {
  border: 1px solid #444444;
  background-color: #353030;
  background-image: linear-gradient(to bottom, #676565, #454242, #343131);
  background-repeat: repeat-x;
}

.navbar-inner.main-nav-upper {
  background-color: #1f1f1f;
  background-image: none;
}

.navbar-inner.main-nav-upper > .container > .pull-right > .nav.nav-tabs {
  border-radius: 0;
}

.navbar-inner.main-nav-upper > .container > .pull-right > .nav.nav-tabs > li > a {
  border-radius: 0;
}

.navbar-inner.main-nav-upper > .container > .pull-right > .nav.nav-tabs li a {
  background: inherit;
}

.navbar-inner.main-nav-upper > .container > .pull-right > .nav.nav-tabs *,
.navbar-inner.main-nav-upper > .container > .pull-right > .nav.nav-tabs li:hover,
.navbar-inner.main-nav-upper > .container > .pull-right > .nav.nav-tabs li a:hover,
.dropdown-menu li > a {
  border: none;
  border-radius: 0;
  color: #999999;
}

.navbar-inner.main-nav-lower {
  border-top: none;
  border-bottom: 1px solid #222222;
}

.main-nav-upper > .container > .pull-right > .nav.nav-tabs {
  background: inherit;
  border: none;
}

.nav.nav-tabs {
  border: inherit;
  color: #aaaaaa;
  border-radius: 0 0 4px 4px;
  border: 1px solid #444444;
  background-color: #434242;
  background-image: linear-gradient(to bottom, #454242, #343131);
  background-repeat: repeat-x;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

.nav.nav-tabs li.active a {
  border: 1px solid #444444;
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  text-shadow: 0 1px 0 #FFFFFF;
}

.nav.nav-tabs li:hover a {
  border: 1px solid #444444;
  border-radius: 4px;
}

.nav.nav-tabs:not(.connected) {
  border-radius: 4px;
}

.nav.nav-tabs li.active a {
  background: #333232;
  text-shadow: none;
}

.nav.nav-tabs li a:hover {
  background: #403e3e;
  text-shadow: none;
  color: #888888;
}

#main .logbar[ng-controller='Wiki.NavBarController'] .wiki.logbar-container .nav.nav-tabs, #main .logbar-wiki .wiki.logbar-container .nav.nav-tabs {
  border: none;
  box-shadow: none;
  background: inherit;
}

.navbar .nav > li {
  background: inherit;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  background: #434242;
  color: #dddddd;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
  color: #dddddd;
}

body {
  color: #cccccc;
  background: #2e2d2e;
}

.section-header {
  background: inherit;
  background-image: linear-gradient(to bottom, #454242, #343131);
  border: 1px solid #444;
  border-radius: 4px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

.container-group-header {
  border-bottom: 1px solid #444;
}

.box {
  border-top: 1px solid #444;
}

.container-group-header:not([style]) + div > .box {
  border-top: 1px solid transparent;
}

.box .clickable:not(.icon-circle-blank):not(.icon-circle) {
  border-radius: 4px;
  border: 1px solid #454545;
}

.box .clickable:not(.icon-circle-blank):not(.icon-circle):hover {
  background: #222;
  color: #888;
}

.selected,
.box.selected {
  color: #202020 !important;
  background-color: #353535 !important;
}

a {
  color: #888888;
}

a:hover {
  color: #dddddd;
}

.ngRow.even {
  background: #303030;
}

.ngRow.odd {
  background: #353535;
}

.ngRow.selected {
  background: #555555;
}

.ngVerticalBarVisible {
  background: #454545
}

.ngTopPanel {
  border-bottom: 1px solid #454545;
}

.widget-body {
  border: 1px solid #444444;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

.widget-title {
  border: 1px solid #444444;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: none;
}

.logbar {
  background: #202020;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #353535;
  border-top: none;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

.logbar > .wiki.logbar-container > .nav.nav-tabs {
  background-image: none;
}

textarea, input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select {
  background-color: #282828;
  background: #282828;
  border-color: #333333;
  color: #888888;
  box-shadow: 0 0 20px #191919 inset;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #202020;
  background: #202020;
  color: #888888;
  border-color: #333333;
}

ul.dynatree-container a {
  border: none;
  color: #888888;
  border-radius: 4px;
}

ul.dynatree-container a:hover {
  background: #888888;
  color: #333333;
  border-radius: 4px;
}

span.dynatree-active a {
  background: #999999;
  color: #333333;
  border-radius: 4px;
}

ul.dynatree-container a:focus, span.dynatree-focused a:link {
  background: #888888;
  color: #333333;
  border-radius: 4px;
}

.slideout {
  background: #292929;
  border-radius: 4px;
  border: 1px solid #333333;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

.well {
  background: #222222;
  border: 1px solid #333;
}

.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th {
  background: #323232;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background: #353535;
}

.table th {
  color: #999999;
}

.table th, .table td {
  border-top: 1px solid #292929;
}

.log-info-panel {
  background: #292929;
  border-radius: 4px;
  border: 1px solid #333333;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);

}

.log-table > li:nth-child(odd) > div > div:not(.stack-line) {
  background-color: #222222;
  border-top: 1px solid #292929;
}

.log-table > li:nth-child(even) > div > div:not(.stack-line) {
  background-color: #242424;
  border-top: 1px solid #292929;
}

.log-table > li > div > div:nth-child(2) {
  border-right: 1px solid #333333;
}

.log-table > li > div > div:nth-child(3) {
  border-right: 1px solid #333333;
}

.log-table > li > div > div:nth-child(4) {
  border-right: 1px solid #333333;
}

.monitor-indicator {
  border-radius: 8px;
  color: #222222;
}

.monitor-indicator.true {
  background-color: #22cc22;
}

legend {
  color: #666666;
  border-bottom: 1px solid #333333;
}

.btn {
  color: #aaaaaa;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  background-color: inherit;
  background-image: linear-gradient(to bottom, #646464, #333333);
  background-repeat: repeat-x;

  border-color: #666666 #666666 #333333;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  border: 1px solid #333333;
  border-bottom-color: #222222;
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn-success {
  color: #dddddd;
  background-image: linear-gradient(to bottom, #64aa64, #336633);
}

.btn.btn-success:hover {
  background-color: #336633;
}

.btn-danger {
  color: #dddddd;
  background-image: linear-gradient(to bottom, #aa6464, #663333);
}

.btn.btn-danger:hover {
  background-color: #663333;
}

.btn-primary {
  color: #dddddd;
  background-image: linear-gradient(to bottom, #6464aa, #333366);
}

.btn.btn-primary:hover {
  background-color: #333366;
}

.btn.disabled,
.btn[disabled] {
  color: #aaaaaa;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  background-color: #393939;
  border: 1px solid #555555;
}

.btn:hover {
  color: #aaaaaa;
  background-color: #333333;
}

div.hawtio-form-tabs ul.nav-tabs {
  padding-bottom: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

div.hawtio-form-tabs ul.nav-tabs:not(.connected) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

div.hawtio-form-tabs div.tab-content {
  border: 1px solid #444444;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

td.adding {
  background-color: #226699 !important;
}

td.deleting {
  background-color: #994444 !important;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #444444;
  color: #999999;
}

.dropdown.open {
  background-color: #333333 !important;
  border-bottom: 1px solid #333333 !important;
}

.dropdown.open > .dropdown-menu {
  margin-top: 1px;
  background-color: #333333 !important;
  border: 1px solid #555555 !important;
  border-top: none !important;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

.dropdown.open > .dropdown-menu > li:hover,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  background-color: #555555;
  background: #555555;
  color: #bbbbbb;
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
  display: none;
  border: none;
}

.dropdown.perspective-selector .dropdown-menu > div > p,
.hawtio-dropdown p {
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  background-image: linear-gradient(to bottom, #333, #222);
}
.dropdown.perspective-selector .dropdown-menu li.clear-recent {
  border-top: 1px dashed #444;
}

.bundle-item-details {
  background: white;
}

.bundle-item > a {
  border-radius: 4px;
  border: 1px solid #444444;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  background: #444444;
  background-image: linear-gradient(to bottom, #373535 0%, #2f2b2b 34%, #222222 76%);
}

.bundle-item.in-selected-repository > a {
  background: #ddeeff;
  background-image: linear-gradient(to bottom, #354f35 0%, #2b402b 34%, #223222 76%);
}

.bundle-item > a:hover {
  text-decoration: none;
}

.bundle-item a span {
  background: inherit;
  border-radius: 4px;
  border: 0px;
  color: #aaaaaa;
  text-shadow: none;
}

.bundle-item a span.badge::before {
  border-radius: 3px;
  background: #737373;
}

.bundle-item a span.badge-success::before {
  background: #1cd11d;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49);
}

.bundle-item a span.badge-inverse::before {
  background: #737373;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}

.bundle-item a span.badge-important::before {
  background: #ee0002;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(195, 6, 0, 0.47);
}

.bundle-item a span.badge-info::before {
  background: #3a87ad;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(45, 105, 135, 0.47);
}

.bundle-item a span.badge-warning::before {
  background: #f89406;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(198, 118, 5, 0.47);
}

.bundle-item a.toggle-action {
  border-radius: 0;
  border: none;
  opacity: 0.2;
  color: inherit;
  box-shadow: none;
}

.bundle-item a.toggle-action .icon-power-off {
  color: orange;
}

.bundle-item a.toggle-action .icon-play-circle {
  color: green;
}

#tree-ctrl {
  border: 1px solid #444444;
  text-align: center;
  background-image: linear-gradient(to bottom, #454242, #343131);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}

#tree-ctrl > li > a:hover {
  background-color: inherit;
}

.axis text {
  fill: #888888;
}

#log-panel #close {
  background-image: linear-gradient(to bottom, #454242, #343131);
  border: 1px solid #555555;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#log-panel-statements {
  background: #141414;
}

.modal {
  background: #333333;
}

.modal-body {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25) inset;
}

.modal-header {
  background: #222222;
  border-bottom: 1px solid #444444;
}

.modal-footer {
  background: #222222;
  border-top: 1px solid #444444;
}

.can-invoke > .dynatree-icon:before,
.icon-cog.can-invoke {
  color: green !important;
}

.cant-invoke > .dynatree-icon:before,
.icon-cog.cant-invoke {
  color: red !important;
}

.pane-bar {
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  background: #222222;
}

.pane {
  background: #222222;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.pane-header-wrapper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}
New to GrepCode? Check out our FAQ X