| /*! |
| * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com) |
| * Code licensed under the Apache License v2.0. |
| * For details, see http://www.apache.org/licenses/LICENSE-2.0. |
| */ |
| |
| /* Global Styles */ |
| |
| body { |
| /* |
| margin-top: 100px; |
| background-color: #222; |
| */ |
| } |
| |
| @media(min-width:768px) { |
| body { |
| /*margin-top: 50px;*/ |
| } |
| } |
| |
| .console-icon{ |
| font-size: 2.5em; |
| } |
| |
| #wrapper { |
| padding-left: 0; |
| } |
| |
| #page-wrapper { |
| width: 100%; |
| padding: 0; |
| background-color: #fff; |
| } |
| |
| .huge { |
| font-size: 50px; |
| line-height: normal; |
| } |
| |
| @media(min-width:768px) { |
| #wrapper { |
| padding-left: 225px; |
| } |
| |
| #page-wrapper { |
| padding: 10px; |
| } |
| } |
| |
| /* Top Navigation */ |
| |
| .top-nav { |
| padding: 0 15px; |
| } |
| |
| .top-nav>li { |
| display: inline-block; |
| float: left; |
| } |
| |
| .top-nav>li>a { |
| padding-top: 15px; |
| padding-bottom: 15px; |
| line-height: 20px; |
| color: #999; |
| } |
| |
| .top-nav>li>a:hover, |
| .top-nav>li>a:focus, |
| .top-nav>.open>a, |
| .top-nav>.open>a:hover, |
| .top-nav>.open>a:focus { |
| color: #fff; |
| background-color: #000; |
| } |
| |
| .top-nav>.open>.dropdown-menu { |
| float: left; |
| position: absolute; |
| margin-top: 0; |
| border: 1px solid rgba(0,0,0,.15); |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| background-color: #fff; |
| -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); |
| box-shadow: 0 6px 12px rgba(0,0,0,.175); |
| } |
| |
| .top-nav>.open>.dropdown-menu>li>a { |
| white-space: normal; |
| } |
| |
| ul.message-dropdown { |
| padding: 0; |
| max-height: 250px; |
| overflow-x: hidden; |
| overflow-y: auto; |
| } |
| |
| li.message-preview { |
| width: 275px; |
| border-bottom: 1px solid rgba(0,0,0,.15); |
| } |
| |
| li.message-preview>a { |
| padding-top: 15px; |
| padding-bottom: 15px; |
| } |
| |
| li.message-footer { |
| margin: 5px 0; |
| } |
| |
| ul.alert-dropdown { |
| width: 200px; |
| } |
| |
| .affix{ |
| top:0; |
| } |
| |
| /* Side Navigation */ |
| |
| @media(min-width:768px) { |
| .side-nav { |
| position:fixed; |
| z-index: 100; |
| left: 225px; |
| width: 225px; |
| margin-left: -225px; |
| border: none; |
| border-radius: 0; |
| background-color: #222; |
| |
| overflow-y: auto; |
| overflow-x: none; |
| } |
| |
| .side-nav>li>a { |
| width: 225px; |
| } |
| |
| .side-nav li a:hover, |
| .side-nav li a:focus { |
| outline: none; |
| background-color: #000 !important; |
| } |
| } |
| |
| .side-nav>li>ul { |
| padding: 0; |
| } |
| |
| .side-nav>li>ul>li>a { |
| display: block; |
| padding: 10px 15px 10px 38px; |
| text-decoration: none; |
| color: #999; |
| } |
| |
| .side-nav>li>ul>li>a:hover { |
| color: #fff; |
| } |
| |
| /* Flot Chart Containers */ |
| |
| .flot-chart { |
| display: block; |
| height: 400px; |
| } |
| |
| .flot-chart-content { |
| width: 100%; |
| height: 100%; |
| } |
| |
| /* Custom Colored Panels */ |
| |
| .huge { |
| font-size: 40px; |
| } |
| |
| .panel-green { |
| border-color: #5cb85c; |
| } |
| |
| .panel-green .panel-heading { |
| border-color: #5cb85c; |
| color: #fff; |
| background-color: #5cb85c; |
| } |
| |
| .panel-green a { |
| color: #5cb85c; |
| } |
| |
| .panel-green a:hover { |
| color: #3d8b3d; |
| } |
| |
| .panel-red { |
| border-color: #d9534f; |
| } |
| |
| .panel-red .panel-heading { |
| border-color: #d9534f; |
| color: #fff; |
| background-color: #d9534f; |
| } |
| |
| .panel-red a { |
| color: #d9534f; |
| } |
| |
| .panel-red a:hover { |
| color: #b52b27; |
| } |
| |
| .panel-yellow { |
| border-color: #f0ad4e; |
| } |
| |
| .panel-yellow .panel-heading { |
| border-color: #f0ad4e; |
| color: #fff; |
| background-color: #f0ad4e; |
| } |
| |
| .panel-yellow a { |
| color: #f0ad4e; |
| } |
| |
| .panel-yellow a:hover { |
| color: #df8a13; |
| } |
| |
| /* ------------------------------------ css addition ------------------*/ |
| |
| .navbar { |
| margin-bottom: 0; |
| } |
| .navbar-ex1-collapse li a{ |
| color: #9d9d9d; |
| } |
| |
| .navbar-ex1-collapse .active a{ |
| background-color: #000; |
| color: #fff; |
| } |
| .add-role, .add-tenant{ display: none;} |
| |
| |
| |
| /*------------------------------------experiment Stages CSS --------------*/ |
| |
| .tree { |
| min-height:20px; |
| padding:19px; |
| margin-bottom:20px; |
| background-color:#fbfbfb; |
| border:1px solid #999; |
| -webkit-border-radius:4px; |
| -moz-border-radius:4px; |
| border-radius:4px; |
| -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); |
| -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); |
| box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05) |
| } |
| .tree li { |
| list-style-type:none; |
| margin:0; |
| padding:10px 5px 0 5px; |
| position:relative |
| } |
| .tree li::before, .tree li::after { |
| content:''; |
| left:-20px; |
| position:absolute; |
| right:auto |
| } |
| .tree li::before { |
| border-left:1px solid #999; |
| bottom:50px; |
| height:100%; |
| top:0; |
| width:1px |
| } |
| .tree li::after { |
| border-top:1px solid #999; |
| height:20px; |
| top:25px; |
| width:25px |
| } |
| .tree li span { |
| -moz-border-radius:5px; |
| -webkit-border-radius:5px; |
| border:1px solid #999; |
| border-radius:5px; |
| display:inline-block; |
| padding:3px 8px; |
| text-decoration:none |
| } |
| .tree li.parent_li>span { |
| cursor:pointer |
| } |
| .tree>ul>li::before, .tree>ul>li::after { |
| border:0 |
| } |
| .tree li:last-child::before { |
| height:30px |
| } |
| .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { |
| background:#eee; |
| border:1px solid #94a0b4; |
| color:#000 |
| } |
| |
| /* ------------------- experiment Stages CSS over ---------------- */ |
| |
| .credential-store-token-change{ |
| margin-bottom: 15px; |
| } |
| |
| /* ------------------- credential store --------------------------- */ |
| |
| .public-key{ |
| word-wrap:break-word; |
| word-break:break-word; |
| } |