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