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 [ng-click] {
  37         cursor: pointer;
  38 }
  39
  40 /* Body */
  41
  42 body {
  43         background: #f2f2f2;
  44         margin-top: 70px;
  45         margin-bottom: 70px;
  46 }
  47
  48 h1, h2, h3, h4, h5, h6 {
  49         color: #666;
  50 }
  51
  52 a {
  53         cursor: pointer;
  54 }
  55
  56 .page-header {
  57     margin-top: 0;
  58     border: none;
  59 }
  60
  61 /* ui */
  62
  63 .btn-bar { margin-top: -5px; float: right }
  64 .btn-bar .btn { padding: 5px 10px; }
  65
  66 entity-list .btn-filter {
  67         visibility: hidden;
  68 }
  69
  70 entity-list:hover .btn-filter {
  71         visibility: visible;
  72 }
  73
  74 /* doc */
  75
  76 .nitdoc .synopsis {
  77         margin-top: 0;
  78 }
  79
  80 .signature {
  81         color: #666;
  82         font-family: monospace;
  83 }
  84
  85 .signature .name {
  86         font-weight: bold;
  87 }
  88
  89 .page-header .signature .name, .signature .signature .name {
  90         font-weight: normal;
  91 }
  92
  93 .signature .signature a {
  94         color: #666;
  95         font-family: monospace;
  96 }
  97
  98 /* tabs */
  99
 100 .nav-tabs li { cursor: pointer; }
 101
 102 .nav>li.warning>a {
 103     color: #fff;
 104     background-color: #f0ad4e;
 105 }
 106
 107 .nav>li.warning>a:focus, .nav>li.warning>a:hover {
 108     background-color: #ff9c0f;
 109 }
 110
 111 /* forms */
 112
 113 .has-icon {
 114     position: relative;
 115 }
 116
 117 .has-icon .form-control {
 118         padding-left: 35px;
 119 }
 120
 121 .form-control-icon {
 122     position: absolute;
 123     top: 0;
 124     left: 0;
 125     z-index: 2;
 126     display: block;
 127     width: 34px;
 128     height: 34px;
 129     line-height: 34px;
 130     text-align: center;
 131     pointer-events: none;
 132 }
 133
 134 /* navs */
 135
 136 .nav-tabs li { cursor: pointer; }
 137
 138 /* Summary */
 139
 140 .summary h1, .summary h2, .summary h3, .summary h4, .summary h5, .summary h6 {
 141         margin: 5px 0;
 142 }
 143
 144 .summary h1 a, .summary h2 a, .summary h3 a, .summary h4 a, .summary h5 a, .summary h6 a {
 145         color: #555;
 146 }
 147
 148 .summary h1 { font-size: 14px; margin-left: 0px; font-weight: bold; }
 149 .summary h2 { font-size: 13px; margin-left: 5px; font-weight: bold; }
 150 .summary h3 { font-size: 12px; margin-left: 10px; }
 151 .summary h4 { font-size: 11px; margin-left: 15px; }
 152 .summary h5 { font-size: 10px; margin-left: 20px; }
 153 .summary h6 { font-size: 9px; margin-left: 25px; }
 154
 155 /*
 156  * Ratings
 157  */
 158
 159 .star {
 160         color: grey;
 161 }
 162
 163 .editable .star {
 164         cursor: pointer;
 165 }
 166
 167 .editable .star:hover, .editable .star.active:hover {
 168         color: #FF8100
 169 }
 170
 171 .star.active {
 172         color: #FFC000
 173 }