share/nitweb/stylesheets/nitweb.css

   1 /* Body */
   2
   3 body {
   4         background: #f2f2f2;
   5         margin-top: 70px;
   6         margin-bottom: 70px;
   7 }
   8
   9 h1, h2, h3, h4, h5, h6 {
  10         color: #666;
  11 }
  12
  13 a {
  14         cursor: pointer;
  15 }
  16
  17 .nitdoc h1, .nitdoc h2, .nitdoc h3, .nitdoc h4, .nitdoc h5, .nitdoc h6 {
  18         color: #333;
  19 }
  20
  21 .page-header {
  22     margin-top: 0;
  23     border: none;
  24 }
  25
  26 /* cards */
  27
  28 .card.active {
  29         border: 1px solid #1E9431;
  30 }
  31
  32 .card-heading {
  33     margin-top: 0;
  34     margin-bottom: 5px;
  35 }
  36
  37 .card {
  38         background: #fff;
  39         border: 1px solid #ccc;
  40         margin-top: 10px;
  41         box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
  42 }
  43
  44 .card-body, .card-left, .card-right {
  45         padding: 15px;
  46 }
  47
  48 .card-left, .card .pull-left {
  49         float: left;
  50         padding: 0 15px 15px 0;
  51 }
  52 .card-right, .card .pull-right {
  53         float: right;
  54         padding: 0 0 15px 15px;
  55 }
  56
  57 .card-list {
  58         margin-top: 10px;
  59 }
  60
  61 .card-list > .card:first-child {
  62         border-top: 1px solid #ccc;
  63 }
  64
  65 .card-list > .card {
  66         margin-top: 0;
  67         border-top: none;
  68 }
  69
  70 .card-title {
  71     padding-left: 15px;
  72 }
  73
  74 /* ui */
  75
  76 .btn-bar { margin-top: -5px; float: right }
  77 .btn-bar .btn { padding: 5px 10px; }
  78
  79 entity-list .btn-filter {
  80         visibility: hidden;
  81 }
  82
  83 entity-list:hover .btn-filter {
  84         visibility: visible;
  85 }
  86
  87 /* doc */
  88
  89 .nitdoc .synopsys {
  90         font-size: 2em;
  91 }
  92
  93 .signature {
  94         color: #666;
  95         font-family: monospace;
  96 }
  97
  98 .signature .name {
  99         font-weight: bold;
 100 }
 101
 102 .page-header .signature .name, .signature .signature .name {
 103         font-weight: normal;
 104 }
 105
 106 .signature .signature a {
 107         color: #666;
 108         font-family: monospace;
 109 }
 110
 111 /* tabs */
 112
 113 .nav-tabs li { cursor: pointer; }
 114
 115 .nav>li.warning>a {
 116     color: #fff;
 117     background-color: #f0ad4e;
 118 }
 119
 120 .nav>li.warning>a:focus, .nav>li.warning>a:hover {
 121     background-color: #ff9c0f;
 122 }
 123
 124 /* forms */
 125
 126 .has-icon {
 127     position: relative;
 128 }
 129
 130 .has-icon .form-control {
 131         padding-left: 35px;
 132 }
 133
 134 .form-control-icon {
 135     position: absolute;
 136     top: 0;
 137     left: 0;
 138     z-index: 2;
 139     display: block;
 140     width: 34px;
 141     height: 34px;
 142     line-height: 34px;
 143     text-align: center;
 144     pointer-events: none;
 145 }
 146
 147 /* search */
 148
 149 .search-input {
 150         width: 100%;
 151 }
 152
 153 .search-results {
 154         position: absolute;
 155         right: 15px;
 156         left: 15px;
 157 }
 158
 159 .search-results .card.active {
 160         background: #eee;
 161         border-color: #eee;
 162 }
 163
 164 /* loading bar */
 165
 166 #loading-bar .bar {
 167         background: #FF8100;
 168 }
 169
 170 /* navs */
 171
 172 .nav-tabs li { cursor: pointer; }
 173
 174 .navbar-fixed-top {
 175         background-color: #1E9431;
 176         box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
 177 }
 178
 179 .navbar-fixed-top .form-control:hover, .navbar-fixed-top .form-control:focus {
 180         background: rgba(255, 255, 255, 0.2);
 181 }
 182
 183 .navbar-fixed-top .form-control {
 184         background: rgba(255, 255, 255, 0.1);
 185     border: none;
 186     color: #fff;
 187     box-shadow: none;
 188 }
 189
 190 .navbar-fixed-top .form-control-icon {
 191         color: #fff;
 192 }
 193
 194 .navbar-fixed-top *::-webkit-input-placeholder {
 195     color: #fff;
 196 }
 197 .navbar-fixed-top *:-moz-placeholder {
 198     /* FF 4-18 */
 199     color: #fff;
 200 }
 201 .navbar-fixed-top *::-moz-placeholder {
 202     /* FF 19+ */
 203     color: #fff;
 204 }
 205 .navbar-fixed-top *:-ms-input-placeholder {
 206     /* IE 10+ */
 207     color: #fff;
 208 }
 209
 210 .navbar-fixed-top .form-group {
 211         margin-top: 8px;
 212         margin-bottom: 0px;
 213 }
 214
 215 /*
 216  * Ratings
 217  */
 218
 219 .card .stars {
 220         visibility: hidden
 221 }
 222
 223 .card:hover .stars {
 224         visibility: visible
 225 }
 226
 227 .star {
 228         color: grey;
 229         cursor: pointer;
 230 }
 231
 232 .star:hover, .star.active:hover {
 233         color: #FF8100
 234 }
 235
 236 .star.active {
 237         color: #FFC000
 238 }
 239
 240 /*
 241  * Users
 242  */
 243
 244 .avatar {
 245         border-radius: 2px;
 246 }
 247
 248 .avatar-icon {
 249         width: 18px;
 250         height: 18px;
 251 }
 252
 253 /*
 254  * Code Highlighting
 255  */
 256
 257 .nitcode a { color: inherit; text-decoration: inherit; } /* hide links */
 258 .nitcode a:hover { text-decoration: underline; } /* underline links */
 259 .nitcode span[title]:hover { text-decoration: underline; } /* underline titles */
 260 /* lexical raw tokens. independent of usage or semantic: */
 261 .nitcode .nc_c { color: gray; font-style: italic; } /* comment */
 262 .nitcode .nc_d { color: #3D8127; font-style: italic; } /* documentation comments */
 263 .nitcode .nc_k { font-weight: bold; } /* keyword */
 264 .nitcode .nc_o {} /* operator */
 265 .nitcode .nc_i {} /* standard identifier */
 266 .nitcode .nc_t { color: #445588; font-weight: bold; } /* type/class identifier */
 267 .nitcode .nc_a { color: #445588; font-style: italic; } /* old style attribute identifier */
 268 .nitcode .nc_l { color: #009999; } /* char and number literal */
 269 .nitcode .nc_s { color: #8F1546; } /* string literal */
 270 /* syntactic token usage. added because of their position in the AST */
 271 .nitcode .nc_ast { color: blue; } /* assert label */
 272 .nitcode .nc_la { color: blue; } /* break/continue label */
 273 .nitcode .nc_m { color: #445588; } /* module name */
 274 /* syntactic groups */
 275 .nitcode .nc_def { font-weight: bold; color: blue; } /* name used in a definition */
 276 .nitcode .nc_def.nc_a { color: blue; } /* name used in a attribute definition */
 277 .nitcode .nc_def.nc_t { color: blue; } /* name used in a class or vt definition */
 278 .nitcode .nc_ss { color: #9E6BEB; } /* superstrings */
 279 .nitcode .nc_cdef {} /* A whole class definition */
 280 .nitcode .nc_pdef {} /* A whole property definition */
 281 /* semantic token usage */
 282 .nitcode .nc_v { font-style: italic; } /* local variable or parameter */
 283 .nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */
 284 .nitcode .nc_error { border: 1px red solid;} /* not used */