Commit ad21a71aa9af3093dae8b0ede1703e744ddc0260
- Diff rendering mode:
- inline
- side by side
mouchak/static/css/main.css
(88 / 43)
  | |||
26 | 26 | margin: 0; | |
27 | 27 | padding: 0; | |
28 | 28 | font-family:'Roboto', sans-serif; | |
29 | |||
30 | 29 | } | |
31 | 30 | .container { | |
32 | margin-right:0; | ||
31 | |||
33 | 32 | } | |
34 | 33 | .navigation-style { | |
35 | 34 | position: relative; | |
36 | font-size: 12px; | ||
37 | 35 | margin-top: 15px; | |
38 | 36 | height: 41px; | |
39 | 37 | background: none repeat scroll 0% 0% #000; | |
40 | 38 | } | |
39 | .navigation-style > ul > li { | ||
40 | font-size:18px; | ||
41 | padding:0px 40px; | ||
42 | } | ||
41 | 43 | .navigation-style li { | |
42 | 44 | width:auto; | |
43 | 45 | color:red; | |
… | … | ||
48 | 48 | padding: 0px 30px; | |
49 | 49 | text-decoration: none; | |
50 | 50 | display: inline-block; | |
51 | font-size:16px; | ||
51 | 52 | ||
52 | 53 | } | |
53 | 54 | ||
54 | 55 | .navigation-style li a { | |
55 | 56 | width:auto; | |
56 | 57 | color:white; | |
58 | font-size:20px; | ||
57 | 59 | } | |
58 | 60 | ||
59 | 61 | .navigation-style li:hover a{ | |
… | … | ||
100 | 100 | margin: 0.2em 0.1em 0.8em 0em; | |
101 | 101 | } | |
102 | 102 | ||
103 | .navigation-style.col-md-10 { | ||
104 | padding-left: 0; | ||
105 | padding-right: 0; | ||
106 | } | ||
107 | 103 | ||
108 | .col-md-4 p { | ||
109 | width: 85% | ||
110 | } | ||
111 | |||
112 | |||
113 | .col-md-2 { | ||
114 | width: 23% | ||
115 | } | ||
116 | |||
117 | |||
118 | 104 | .content-head2 { | |
119 | 105 | color:#000000; | |
120 | 106 | border-bottom: 1px dotted #C00000 ; | |
… | … | ||
110 | 110 | padding: 1em 0.1em 0.1em 0em; | |
111 | 111 | margin: 0.2em 0.1em 0.8em 0em; | |
112 | 112 | } | |
113 | |||
113 | .media | ||
114 | { | ||
115 | /*box-shadow:0px 0px 4px -2px #000;*/ | ||
116 | margin: 20px 0; | ||
117 | padding:30px; | ||
118 | } | ||
119 | .dp | ||
120 | { | ||
121 | border:10px solid #eee; | ||
122 | transition: all 0.2s ease-in-out; | ||
123 | } | ||
124 | .dp:hover | ||
125 | { | ||
126 | border:2px solid #eee; | ||
127 | transform:rotate(360deg); | ||
128 | -ms-transform:rotate(360deg); | ||
129 | -webkit-transform:rotate(360deg); | ||
130 | /*-webkit-font-smoothing:antialiased;*/ | ||
131 | } | ||
114 | 132 | /* content styling for other pages */ | |
115 | 133 | ||
116 | 134 | .main-head { | |
… | … | ||
229 | 229 | overflow-y:scroll; | |
230 | 230 | } | |
231 | 231 | .glyphicon { margin-right:10px; } | |
232 | .panel-body { padding:0px; } | ||
232 | .panel-body { padding:0px;background-color:#000; } | ||
233 | 233 | .panel-body table tr td { padding-left: 15px } | |
234 | 234 | .panel-body .table {margin-bottom: 0px; } | |
235 | 235 | ||
236 | |||
237 | |||
238 | .col-sm-3 col-md-3{ | ||
239 | margin:0px 0px 0px -30px; | ||
240 | } | ||
241 | |||
242 | |||
243 | |||
244 | .panel panel-default { | ||
245 | width:700px; | ||
246 | } | ||
247 | |||
248 | 236 | li.a { | |
249 | 237 | color:#000; | |
250 | 238 | border-right:none; | |
251 | 239 | list-style-type:square; | |
252 | 240 | } | |
253 | |||
254 | 241 | .header-color{ | |
255 | 242 | color:red; | |
256 | 243 | } | |
… | … | ||
258 | 258 | width: auto; | |
259 | 259 | ||
260 | 260 | } | |
261 | .col-lg-12 { | ||
262 | list-style:none; | ||
263 | } | ||
261 | 264 | .dropdown-menu-large > li > ul { | |
262 | 265 | padding: 0; | |
263 | 266 | margin: 0; | |
… | … | ||
274 | 274 | clear: both; | |
275 | 275 | font-weight: normal; | |
276 | 276 | line-height: 1.428571429; | |
277 | color: white; | ||
277 | // color: white; | ||
278 | 278 | white-space: normal; | |
279 | 279 | } | |
280 | 280 | ||
… | … | ||
373 | 373 | /* drop down menu css ends here */ | |
374 | 374 | ||
375 | 375 | /* footer social icons style*/ | |
376 | .images { | ||
377 | float:right; | ||
378 | margin:-45px 50px 0px 0px; | ||
376 | .social-icons { | ||
377 | |||
378 | } | ||
379 | |||
380 | .panel-default > .panel-heading { | ||
381 | background-color: #000; | ||
382 | padding: 5px 0px; | ||
379 | 383 | } | |
380 | 384 | ||
385 | .footer-links { | ||
386 | margin-top: 1px; | ||
387 | } | ||
388 | |||
389 | .footer-links a { | ||
390 | osition: relative; | ||
391 | color:#fff; | ||
392 | font-size: 18px; | ||
393 | margin-top: 15px; | ||
394 | height: 41px; | ||
395 | background: none repeat scroll 0% 0% #000; | ||
396 | margin:0px 0px 0px 20px; | ||
397 | padding:0px 10px; | ||
398 | |||
399 | } | ||
400 | .footer-links a:hover{ | ||
401 | color:red; | ||
402 | text-decoration:none; | ||
403 | } | ||
404 | |||
405 | #pageview-counter-wrapper { | ||
406 | margin-top: 3px; | ||
407 | } | ||
381 | 408 | /* footer style ends here */ | |
382 | 409 | ||
383 | 410 | /* Search box styles */ | |
… | … | ||
414 | 414 | position: relative; | |
415 | 415 | display: table; | |
416 | 416 | border-collapse: separate; | |
417 | margin-top: 7.5%; | ||
417 | 418 | } | |
418 | 419 | ||
419 | 420 | .footer-style { | |
420 | 421 | position: relative; | |
421 | font-size: 12px; | ||
422 | margin-top: 15px; | ||
423 | height: 35px; | ||
422 | font-size: 16px; | ||
423 | color:#fff; | ||
424 | height: 35px; | ||
424 | 425 | background: none repeat scroll 0% 0% #000; | |
426 | padding-top:2px; | ||
427 | } | ||
425 | 428 | ||
426 | } | ||
427 | |||
428 | 429 | .footer-style li { | |
429 | 430 | width:auto; | |
430 | 431 | color:red; | |
… | … | ||
442 | 442 | width:auto; | |
443 | 443 | color:white; | |
444 | 444 | } | |
445 | |||
446 | 445 | .dropdown-menu-large > li ul > li > a{ | |
447 | line-height:1; | ||
448 | 446 | color:white; | |
449 | 447 | padding-left: 0px; | |
450 | 448 | padding-right: 5px; | |
449 | |||
451 | 450 | } | |
452 | 451 | ||
453 | 452 | .dropdown-menu-large > li ul > li > a:hover{ | |
… | … | ||
468 | 468 | background: #b3d4fc; | |
469 | 469 | text-shadow: none; | |
470 | 470 | } | |
471 | |||
472 | |||
473 | @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); | ||
474 | @import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); | ||
475 | |||
476 | .panel-heading { | ||
477 | cursor: pointer; | ||
478 | } | ||
479 | |||
480 | /* CSS Method for adding Font Awesome Chevron Icons */ | ||
481 | .accordion-toggle:after { | ||
482 | /* symbol for "opening" panels */ | ||
483 | font-family:'FontAwesome'; | ||
484 | content:"\f077"; | ||
485 | float: right; | ||
486 | color: inherit; | ||
487 | } | ||
488 | .panel-heading.collapsed .accordion-toggle:after { | ||
489 | /* symbol for "collapsed" panels */ | ||
490 | content:"\f078"; | ||
471 | 491 | ||
472 | 492 | /* | |
473 | 493 | * A better looking default horizontal rule |