share/nitweb/stylesheets/nitweb.css

   1 /*
   2  * Copyright 2017 Alexandre Terrasa <alexandre@moz-code.org>.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17 /* utils */
  18
  19 .no-margin {
  20         margin: 0;
  21 }
  22
  23 .no-padding {
  24         padding: 0;
  25 }
  26
  27 .navbar-fixed-top {
  28         background-color: #1E9431;
  29         box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  30 }
  31
  32 #loading-bar .bar {
  33         background: #FF8100;
  34 }
  35
  36 /* Body */
  37
  38 body {
  39         background: #f2f2f2;
  40         margin-top: 70px;
  41         margin-bottom: 70px;
  42 }
  43
  44 h1, h2, h3, h4, h5, h6 {
  45         color: #666;
  46 }
  47
  48 a {
  49         cursor: pointer;
  50 }
  51
  52 .page-header {
  53     margin-top: 0;
  54     border: none;
  55 }
  56
  57 /* ui */
  58
  59 .btn-bar { margin-top: -5px; float: right }
  60 .btn-bar .btn { padding: 5px 10px; }
  61
  62 entity-list .btn-filter {
  63         visibility: hidden;
  64 }
  65
  66 entity-list:hover .btn-filter {
  67         visibility: visible;
  68 }
  69
  70 /* doc */
  71
  72 .nitdoc .synopsys {
  73         margin-top: 0;
  74 }
  75
  76 .signature {
  77         color: #666;
  78         font-family: monospace;
  79 }
  80
  81 .signature .name {
  82         font-weight: bold;
  83 }
  84
  85 .page-header .signature .name, .signature .signature .name {
  86         font-weight: normal;
  87 }
  88
  89 .signature .signature a {
  90         color: #666;
  91         font-family: monospace;
  92 }
  93
  94 /* tabs */
  95
  96 .nav-tabs li { cursor: pointer; }
  97
  98 .nav>li.warning>a {
  99     color: #fff;
 100     background-color: #f0ad4e;
 101 }
 102
 103 .nav>li.warning>a:focus, .nav>li.warning>a:hover {
 104     background-color: #ff9c0f;
 105 }
 106
 107 /* forms */
 108
 109 .has-icon {
 110     position: relative;
 111 }
 112
 113 .has-icon .form-control {
 114         padding-left: 35px;
 115 }
 116
 117 .form-control-icon {
 118     position: absolute;
 119     top: 0;
 120     left: 0;
 121     z-index: 2;
 122     display: block;
 123     width: 34px;
 124     height: 34px;
 125     line-height: 34px;
 126     text-align: center;
 127     pointer-events: none;
 128 }
 129
 130 /* search */
 131
 132 .search-input {
 133         width: 100%;
 134 }
 135
 136 .search-results {
 137         position: absolute;
 138         margin-top: 2px;
 139         right: 15px;
 140         left: 15px;
 141 }
 142
 143 .search-results .card.active {
 144         background: #eee;
 145         border-color: #eee;
 146 }
 147
 148 .card-search {
 149         cursor: pointer;
 150 }
 151
 152 /* navs */
 153
 154 .nav-tabs li { cursor: pointer; }
 155
 156 /* Summary */
 157
 158 .summary h1, .summary h2, .summary h3, .summary h4, .summary h5, .summary h6 {
 159         margin: 5px 0;
 160 }
 161
 162 .summary h1 a, .summary h2 a, .summary h3 a, .summary h4 a, .summary h5 a, .summary h6 a {
 163         color: #555;
 164 }
 165
 166 .summary h1 { font-size: 14px; margin-left: 0px; font-weight: bold; }
 167 .summary h2 { font-size: 13px; margin-left: 5px; font-weight: bold; }
 168 .summary h3 { font-size: 12px; margin-left: 10px; }
 169 .summary h4 { font-size: 11px; margin-left: 15px; }
 170 .summary h5 { font-size: 10px; margin-left: 20px; }
 171 .summary h6 { font-size: 9px; margin-left: 25px; }
 172
 173 /*
 174  * Ratings
 175  */
 176
 177 .star {
 178         color: grey;
 179 }
 180
 181 .editable .star {
 182         cursor: pointer;
 183 }
 184
 185 .editable .star:hover, .editable .star.active:hover {
 186         color: #FF8100
 187 }
 188
 189 .star.active {
 190         color: #FFC000
 191 }