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