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