Commit 757acd17239a3158ef5db3af5c05c157f9d86fdd
- Diff rendering mode:
- inline
- side by side
mouchak/static/css/main.css
(460 / 0)
  | |||
22 | 22 | font-size: 1em; | |
23 | 23 | line-height: 1.4; | |
24 | 24 | } | |
25 | body { | ||
26 | margin: 0; | ||
27 | padding: 0; | ||
28 | font-family:'Roboto', sans-serif; | ||
29 | } | ||
30 | .container { | ||
31 | |||
32 | } | ||
33 | .navigation-style { | ||
34 | position: relative; | ||
35 | margin-top: 15px; | ||
36 | height: 41px; | ||
37 | background: none repeat scroll 0% 0% #000; | ||
38 | } | ||
39 | .navigation-style > ul > li { | ||
40 | font-size:18px; | ||
41 | padding:0px 45px; | ||
42 | } | ||
43 | .navigation-style li { | ||
44 | width:auto; | ||
45 | color:red; | ||
46 | font-size: 16px; | ||
47 | line-height: 41px; | ||
48 | padding: 0px 30px; | ||
49 | text-decoration: none; | ||
50 | display: inline-block; | ||
51 | font-size:16px; | ||
25 | 52 | ||
53 | } | ||
54 | |||
55 | .navigation-style li a { | ||
56 | width:auto; | ||
57 | color:white; | ||
58 | font-size:18px; | ||
59 | } | ||
60 | |||
61 | .navigation-style li:hover a{ | ||
62 | text-decoration: none; | ||
63 | display: inline-block; | ||
64 | } | ||
65 | hr { | ||
66 | color:blue; | ||
67 | } | ||
68 | .contentblockright { | ||
69 | float: right; | ||
70 | width: 400px | ||
71 | } | ||
72 | |||
73 | |||
74 | /* home page content design */ | ||
75 | #khmdl-carousel .carousel-inner>.item>img { | ||
76 | height: 400px | ||
77 | } | ||
78 | |||
79 | .content-head1 { | ||
80 | color:#000000; | ||
81 | border-bottom: 1px dotted #C00000 ; | ||
82 | width:80%; | ||
83 | /*font-family: sans-serif, roboto;*/ | ||
84 | font-size: 24px; | ||
85 | padding: 1em 0.1em 0.1em 0em; | ||
86 | margin: 0.2em 0.1em 0.8em 0em; | ||
87 | } | ||
88 | |||
89 | |||
90 | .content-head2 { | ||
91 | color:#000000; | ||
92 | border-bottom: 1px dotted #C00000 ; | ||
93 | width:80%; | ||
94 | /*font-family: sans-serif, roboto;*/ | ||
95 | font-size: 24px; | ||
96 | padding: 1em 0.1em 0.1em 0em; | ||
97 | margin: 0.2em 0.1em 0.8em 0em; | ||
98 | } | ||
99 | .media | ||
100 | { | ||
101 | /*box-shadow:0px 0px 4px -2px #000;*/ | ||
102 | margin: 20px 0; | ||
103 | padding:30px; | ||
104 | } | ||
105 | .dp | ||
106 | { | ||
107 | border:10px solid #eee; | ||
108 | transition: all 0.2s ease-in-out; | ||
109 | } | ||
110 | .dp:hover | ||
111 | { | ||
112 | border:2px solid #eee; | ||
113 | transform:rotate(360deg); | ||
114 | -ms-transform:rotate(360deg); | ||
115 | -webkit-transform:rotate(360deg); | ||
116 | /*-webkit-font-smoothing:antialiased;*/ | ||
117 | } | ||
118 | /* content styling for other pages */ | ||
119 | |||
120 | .main-head { | ||
121 | color:#000000; | ||
122 | /*font-family: sans-serif, roboto;*/ | ||
123 | font-size: 24px; | ||
124 | padding: 5px 1px 2px 0px; | ||
125 | margin: 5px 1px 8px 1px; | ||
126 | text-align: left; | ||
127 | border-bottom: 1px #c00000 dotted; | ||
128 | } | ||
129 | .subcontent-head { | ||
130 | color:#000000; | ||
131 | /*font-family: sans-serif, roboto;*/ | ||
132 | font-size: 18px; | ||
133 | padding: 5px 1px 2px 0px; | ||
134 | margin: 5px 1px 8px 1px; | ||
135 | text-align: left; | ||
136 | } | ||
137 | |||
138 | .col-md-6 { | ||
139 | width: 58%; | ||
140 | margin-left: 0.3em; | ||
141 | } | ||
142 | .my-col-9 { | ||
143 | width: 75%; | ||
144 | float: left; | ||
145 | clear: both; | ||
146 | position: relative; | ||
147 | } | ||
148 | .my-col-3 { | ||
149 | width: 25%; | ||
150 | float: left; | ||
151 | clear: both; | ||
152 | position: relative; | ||
153 | } | ||
154 | #header-box .col-md-9, #header-box .col-md-3 { | ||
155 | padding: 0; | ||
156 | } | ||
157 | |||
158 | .block { | ||
159 | line-height: 150%; | ||
160 | padding: 10px 0px 5px 2px; | ||
161 | margin: 10px 0px 5px 2px; | ||
162 | text-align: justify; | ||
163 | font-size: 14px; | ||
164 | color: #000000; | ||
165 | } | ||
166 | |||
167 | .underblock { | ||
168 | line-height: 125%; | ||
169 | font-size: 14px; | ||
170 | text-align: justify; | ||
171 | } | ||
172 | |||
173 | |||
174 | .block em { | ||
175 | vertical-align: super; | ||
176 | } | ||
177 | |||
178 | a:link { | ||
179 | color: #c00000; | ||
180 | } | ||
181 | |||
182 | a:hover { | ||
183 | color: #000000; | ||
184 | } | ||
185 | |||
186 | |||
187 | ul.dropdown-menu li { | ||
188 | /* background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/ | ||
189 | /* border-bottom: 1px inset rgb(188, 181, 215);*/ | ||
190 | filter: none; | ||
191 | font-size: 14px; | ||
192 | display: block; | ||
193 | border-right:none; | ||
194 | line-height: 1px; | ||
195 | padding: 6px; | ||
196 | margin:0px 0px 0px 0px; | ||
197 | color: rgb(0, 0, 0); | ||
198 | } | ||
199 | ul.dropdown-menu { | ||
200 | margin:0; | ||
201 | font-size:smaller; | ||
202 | background-color:#c00000; | ||
203 | } | ||
204 | .dropdown-menu li a { | ||
205 | padding: 3px 20px; | ||
206 | width:100%; | ||
207 | } | ||
208 | li.maintab:hover { | ||
209 | background-color:#c00000; | ||
210 | color:yellow; | ||
211 | } | ||
212 | .navigation-style ul li a:hover { | ||
213 | color: white; | ||
214 | text-decoration: none; | ||
215 | } | ||
216 | .dropdown-menu > li > a:hover { | ||
217 | background-color:#000; | ||
218 | } | ||
219 | .dropdown-menu > li > a:focus { | ||
220 | background-color:#c00000; | ||
221 | } | ||
222 | |||
223 | /*testing hover */ | ||
224 | body{margin-top:0px; | ||
225 | overflow-y:scroll; | ||
226 | font-size:18px; | ||
227 | } | ||
228 | .panel-body { padding:0px;} | ||
229 | .panel-body table tr td { padding-left: 15px } | ||
230 | .panel-body .table {margin-bottom: 0px; } | ||
231 | |||
232 | li.a { | ||
233 | color:#000; | ||
234 | border-right:none; | ||
235 | list-style-type:square; | ||
236 | } | ||
237 | .header-color{ | ||
238 | color:red; | ||
239 | } | ||
240 | |||
241 | .well { | ||
242 | background-color:#f7f7f7; | ||
243 | border-radius: 0px; | ||
244 | } | ||
245 | |||
246 | .col-md-4 { | ||
247 | padding:0px 10px 0px 0px; | ||
248 | } | ||
249 | /* Site Map style */ | ||
250 | .dropdown-large { | ||
251 | position: static !important; | ||
252 | } | ||
253 | .dropdown-menu-large { | ||
254 | margin-left: 16px; | ||
255 | margin-right: 16px; | ||
256 | padding: 20px 0px; | ||
257 | width: auto; | ||
258 | |||
259 | } | ||
260 | .col-lg-12 { | ||
261 | list-style:none; | ||
262 | } | ||
263 | .dropdown-menu-large > li > ul { | ||
264 | padding: 0; | ||
265 | margin: 0; | ||
266 | } | ||
267 | .dropdown-menu-large > li > ul > li { | ||
268 | list-style: none; | ||
269 | } | ||
270 | .dropdown-menu-large > li > ul > li > a { | ||
271 | display: block; | ||
272 | padding: 3px 20px; | ||
273 | clear: both; | ||
274 | font-weight: normal; | ||
275 | line-height: 1.428571429; | ||
276 | // color: white; | ||
277 | white-space: normal; | ||
278 | } | ||
279 | |||
280 | |||
281 | .dropdown-menu-large > li ul > li > a:hover { | ||
282 | text-decoration: none; | ||
283 | background-color: #C00000; | ||
284 | } | ||
285 | .dropdown-menu-large > li ul > li > a:focus { | ||
286 | text-decoration: none; | ||
287 | color: #262626; | ||
288 | */background-color: #f5f5f5;*/ | ||
289 | /head} | ||
290 | .dropdown-menu-large .disabled > a, | ||
291 | .dropdown-menu-large .disabled > a:hover, | ||
292 | .dropdown-menu-large .disabled > a:focus { | ||
293 | color: #999999; | ||
294 | } | ||
295 | .dropdown-menu-large .disabled > a:hover, | ||
296 | .dropdown-menu-large .disabled > a:focus { | ||
297 | text-decoration: none; | ||
298 | background-color: transparent; | ||
299 | background-image: none; | ||
300 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||
301 | cursor: not-allowed; | ||
302 | } | ||
303 | .dropdown-menu-large .dropdown-header { | ||
304 | color: #c00000; | ||
305 | font-size: 18px; | ||
306 | } | ||
307 | @media (max-width: 768px) { | ||
308 | .dropdown-menu-large { | ||
309 | margin-left: 0 ; | ||
310 | margin-right: 0 ; | ||
311 | } | ||
312 | .dropdown-menu-large > li { | ||
313 | margin-bottom: 30px; | ||
314 | } | ||
315 | .dropdown-menu-large > li:last-child { | ||
316 | margin-bottom: 0; | ||
317 | } | ||
318 | .dropdown-menu-large .dropdown-header { | ||
319 | padding: 3px 15px !important; | ||
320 | } | ||
321 | } | ||
322 | /* style map styles end */ | ||
323 | /*dropsown sub menu css */ | ||
324 | |||
325 | .dropdown-submenu { | ||
326 | position: relative; | ||
327 | } | ||
328 | |||
329 | .dropdown-submenu>.dropdown-menu { | ||
330 | top: 0; | ||
331 | left: 100%; | ||
332 | margin-top: -6px; | ||
333 | margin-left: -1px; | ||
334 | -webkit-border-radius: 0 6px 6px 6px; | ||
335 | -moz-border-radius: 0 6px 6px; | ||
336 | border-radius: 0 6px 6px 6px; | ||
337 | } | ||
338 | |||
339 | .dropdown-submenu:hover>.dropdown-menu { | ||
340 | display: block; | ||
341 | } | ||
342 | |||
343 | .dropdown-submenu>a:after { | ||
344 | display: block; | ||
345 | content: " "; | ||
346 | float: right; | ||
347 | width: 0; | ||
348 | height: 0; | ||
349 | border-color: transparent; | ||
350 | border-style: solid; | ||
351 | border-width: 5px 0 5px 5px; | ||
352 | border-left-color: #ccc; | ||
353 | margin-top: 5px; | ||
354 | margin-right: -10px; | ||
355 | } | ||
356 | |||
357 | .dropdown-submenu:hover>a:after { | ||
358 | border-left-color: #fff; | ||
359 | } | ||
360 | |||
361 | .dropdown-submenu.pull-left { | ||
362 | float: none; | ||
363 | } | ||
364 | |||
365 | .dropdown-submenu.pull-left>.dropdown-menu { | ||
366 | left: -100%; | ||
367 | margin-left: 10px; | ||
368 | -webkit-border-radius: 6px 0 6px 6px; | ||
369 | -moz-border-radius: 6px 0 6px 6px; | ||
370 | border-radius: 6px 0 6px 6px; | ||
371 | } | ||
372 | /* drop down menu css ends here */ | ||
373 | |||
374 | /* footer social icons style*/ | ||
375 | #footer-container { | ||
376 | margin-bottom:20px; | ||
377 | } | ||
378 | .social-icons { | ||
379 | |||
380 | } | ||
381 | |||
382 | .panel-default > .panel-heading { | ||
383 | background-color: #000; | ||
384 | padding: 5px 0px; | ||
385 | } | ||
386 | |||
387 | .footer-links { | ||
388 | margin-top: 1px; | ||
389 | } | ||
390 | |||
391 | .footer-links a { | ||
392 | osition: relative; | ||
393 | color:#fff; | ||
394 | font-size: 18px; | ||
395 | margin-top: 15px; | ||
396 | height: 41px; | ||
397 | background: none repeat scroll 0% 0% #000; | ||
398 | margin:0px 0px 0px 20px; | ||
399 | padding:0px 10px; | ||
400 | |||
401 | } | ||
402 | .footer-links a:hover{ | ||
403 | color:red; | ||
404 | text-decoration:none; | ||
405 | } | ||
406 | #pageview-counter-wrapper { | ||
407 | margin-top: 3px; | ||
408 | } | ||
409 | #collapse-sitemap .panel-body { | ||
410 | background-color:#000; | ||
411 | padding-bottom:5px; | ||
412 | } | ||
413 | |||
414 | #small-footer { | ||
415 | font-size:12px; | ||
416 | margin-top:10px; | ||
417 | } | ||
418 | /* footer style ends here */ | ||
419 | |||
420 | /* Search box styles */ | ||
421 | |||
422 | .input-group { | ||
423 | flaot:right; | ||
424 | position: relative; | ||
425 | display: table; | ||
426 | border-collapse: separate; | ||
427 | margin-top: 7.5%; | ||
428 | } | ||
429 | |||
430 | .footer-style { | ||
431 | position: relative; | ||
432 | font-size: 16px; | ||
433 | color:#fff; | ||
434 | height: 35px; | ||
435 | background: none repeat scroll 0% 0% #000; | ||
436 | padding-top:2px; | ||
437 | } | ||
438 | |||
439 | .footer-style li { | ||
440 | width:auto; | ||
441 | color:red; | ||
442 | font-size: 16px; | ||
443 | line-height: 35px; | ||
444 | padding: 0px 20px; | ||
445 | text-decoration: none; | ||
446 | display: inline-block; | ||
447 | border-right: 1px solid rgb(255, 255, 255); | ||
448 | |||
449 | } | ||
450 | |||
451 | .footer-style li a { | ||
452 | width:auto; | ||
453 | color:white; | ||
454 | } | ||
455 | .dropdown-menu-large > li ul > li > a{ | ||
456 | color:white; | ||
457 | padding-left: 0px; | ||
458 | padding-right: 5px; | ||
459 | |||
460 | } | ||
461 | |||
462 | .dropdown-menu-large > li ul > li > a:hover{ | ||
463 | color:white; | ||
464 | } | ||
465 | |||
26 | 466 | /* | |
27 | 467 | * Remove text-shadow in selection highlight: h5bp.com/i | |
28 | 468 | * These selection rule sets have to be separate. | |
… | … | ||
478 | 478 | background: #b3d4fc; | |
479 | 479 | text-shadow: none; | |
480 | 480 | } | |
481 | |||
482 | |||
483 | @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); | ||
484 | @import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); | ||
485 | |||
486 | .panel-heading { | ||
487 | cursor: pointer; | ||
488 | } | ||
489 | |||
490 | /* CSS Method for adding Font Awesome Chevron Icons */ | ||
491 | .accordion-toggle:after { | ||
492 | /* symbol for "opening" panels */ | ||
493 | font-family:'FontAwesome'; | ||
494 | content:"\f077"; | ||
495 | float: right; | ||
496 | color: inherit; | ||
497 | } | ||
498 | .panel-heading.collapsed .accordion-toggle:after { | ||
499 | /* symbol for "collapsed" panels */ | ||
500 | content:"\f078"; | ||
481 | 501 | ||
482 | 502 | /* | |
483 | 503 | * A better looking default horizontal rule |
mouchak/templates/index.html
(1 / 1)
  | |||
6 | 6 | {% endblock %} | |
7 | 7 | ||
8 | 8 | {% block body %} | |
9 | <div class="container" id="container"> | ||
9 | <div class="container-fluid" id="container"> | ||
10 | 10 | <div id="header"> | |
11 | 11 | <div id="header-banner"> | |
12 | 12 | {{ content['header']['html']|safe }} |