Merge: Added contributing guidelines and link from readme
[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 /* navs */
168
169 .nav-tabs li { cursor: pointer; }
170
171 .navbar-fixed-top {
172 background-color: #1E9431;
173 box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
174 }
175
176 .navbar-fixed-top .form-control:hover, .navbar-fixed-top .form-control:focus {
177 background: rgba(255, 255, 255, 0.2);
178 }
179
180 .navbar-fixed-top .form-control {
181 background: rgba(255, 255, 255, 0.1);
182 border: none;
183 color: #fff;
184 box-shadow: none;
185 }
186
187 .navbar-fixed-top .form-control-icon {
188 color: #fff;
189 }
190
191 .navbar-fixed-top *::-webkit-input-placeholder {
192 color: #fff;
193 }
194 .navbar-fixed-top *:-moz-placeholder {
195 /* FF 4-18 */
196 color: #fff;
197 }
198 .navbar-fixed-top *::-moz-placeholder {
199 /* FF 19+ */
200 color: #fff;
201 }
202 .navbar-fixed-top *:-ms-input-placeholder {
203 /* IE 10+ */
204 color: #fff;
205 }
206
207 .navbar-fixed-top .form-group {
208 margin-top: 8px;
209 margin-bottom: 0px;
210 }
211 /*
212 * Users
213 */
214
215 .avatar {
216 border-radius: 2px;
217 }
218
219 /*
220 * Code Highlighting
221 */
222
223 .nitcode a { color: inherit; text-decoration: inherit; } /* hide links */
224 .nitcode a:hover { text-decoration: underline; } /* underline links */
225 .nitcode span[title]:hover { text-decoration: underline; } /* underline titles */
226 /* lexical raw tokens. independent of usage or semantic: */
227 .nitcode .nc_c { color: gray; font-style: italic; } /* comment */
228 .nitcode .nc_d { color: #3D8127; font-style: italic; } /* documentation comments */
229 .nitcode .nc_k { font-weight: bold; } /* keyword */
230 .nitcode .nc_o {} /* operator */
231 .nitcode .nc_i {} /* standard identifier */
232 .nitcode .nc_t { color: #445588; font-weight: bold; } /* type/class identifier */
233 .nitcode .nc_a { color: #445588; font-style: italic; } /* old style attribute identifier */
234 .nitcode .nc_l { color: #009999; } /* char and number literal */
235 .nitcode .nc_s { color: #8F1546; } /* string literal */
236 /* syntactic token usage. added because of their position in the AST */
237 .nitcode .nc_ast { color: blue; } /* assert label */
238 .nitcode .nc_la { color: blue; } /* break/continue label */
239 .nitcode .nc_m { color: #445588; } /* module name */
240 /* syntactic groups */
241 .nitcode .nc_def { font-weight: bold; color: blue; } /* name used in a definition */
242 .nitcode .nc_def.nc_a { color: blue; } /* name used in a attribute definition */
243 .nitcode .nc_def.nc_t { color: blue; } /* name used in a class or vt definition */
244 .nitcode .nc_ss { color: #9E6BEB; } /* superstrings */
245 .nitcode .nc_cdef {} /* A whole class definition */
246 .nitcode .nc_pdef {} /* A whole property definition */
247 /* semantic token usage */
248 .nitcode .nc_v { font-style: italic; } /* local variable or parameter */
249 .nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */
250 .nitcode .nc_error { border: 1px red solid;} /* not used */